Timeline helps visualize sequences of events, process steps, or historical data. Configure items via an object array with simple props or custom React nodes.
Basic usage
Use label and description props for quick setup.
Alignment
Control timeline alignment with the alignment prop. Use left or right for different layouts.
Sizes
Control size with the size prop: xs, s, m, l or xl.
Marker
Customize the marker with the marker prop.
States
Visual feedback with different marker states: default, active, success, and danger.
Extra content
Extend the label and description with custom React nodes. Use the children prop with additional content to extend the layout.
Row
Use the marker prop to render custom marker elements.
