Timeline
Displays a series of event nodes in chronological order.
Basic Usage
Basic timeline
Project kickoff; goals and scope defined.
Core components developed; unit tests pass.
Fixed production issues and ran regression.
Docs site launched and published.
Color Variants
Node colors
Default theme color
Green: completed
Red: alert
Gray: archived
Rich Content Nodes
Custom content
v1.2.0 released
Added data-display components; see the release notes.
v1.3.0 released
Improved the dark theme and accessibility.
Pending Tail Node
Pending tail node
v1.4.0 requirements review completed.
Core features developed; unit tests pass.
Setting pending on an oas-timeline-item renders that node as a hollow dot with a dashed connector, meaning "in progress / coming soon"; a node without content shows the "敬请期待" text by default.
API
oas-timeline-item
| Attribute | Description | Type | Default |
|---|---|---|---|
color | Node marker color: green / red / gray; defaults to the theme color | — | — |
pending | In-progress node: hollow dot + dashed connector; shows "敬请期待" when empty | — | — |
time | Time text of the node | — | — |
| Name | Description |
|---|---|
| default | — |