Timeline
A vertical timeline for order history, activity feeds, and audit logs, with color-coded status markers.
Order placedJan 1, 2026
Your order has been placed successfully.
Payment confirmedJan 2, 2026
Payment was received and confirmed.
Delivery delayedJan 4, 2026
Shipment is delayed due to weather conditions.
DeliveredJan 6, 2026
Package delivered to the recipient.
API
All inputs and configuration options for zyra-timeline.
| Prop | Type | Default | Description |
|---|---|---|---|
title (on item) | string | '' | Heading text for the entry |
date (on item) | string | '' | Date or time label shown next to the title |
variant (on item) | 'default' | 'success' | 'warning' | 'danger' | 'info' | 'default' | Color of the entry marker dot |
Accessibility
Built to meet WCAG 2.0 AA. These notes cover the key ARIA, keyboard, and interaction behaviours.
- Rendered as a plain list of entries — wrap in an ordered list context if sequence matters for assistive tech