Timeline
Events in time order, newest first.
- Result ready14 Nov, 16.20
- Arrived14 Nov, 08.05 by Sari (Front desk)
- Schedule changed12 Nov, 19.40 by patient
- Booking created10 Nov, 09.12
Usage
import { Timeline } from '@smartui/react';
import '@smartui/react/styles.css';When to use
- History of one record and activity logs.
When not to use
- Steps to complete. Use Stepper.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
items | { title, description?, tone? }[] | required |
Accessibility
- An ordered list. Meaning is in the title, not the dot color.