Data Display
Timeline
A vertical list of history or activity. Each item can hold a status dot, title, time, and description.
ReactVueWeb Components
View in Storybook Playground
Examples
<Timeline items={[{ title: '注文', time: '10:00', status: 'success' }]} />Props
| Name | Type | Default | Description |
|---|---|---|---|
items required | TimelineItem[] | — | Events in order. |
Accessibility
- Body/background contrast is ≥ 7:1 (AAA) in both light and dark.
- Every interaction works with the keyboard alone.
- The focus ring is always visible.
- Respects prefers-reduced-motion and stops excessive motion.
Every component is designed to meet WCAG 2.1 AAA.