Timeline
The Timeline component is used to display items on a vertical Timeline, connected by Timeline elements.
Page navigation navigation
React examples
Default
Clipped sidebar
Condensed items
With a break
Timeline breaks
The Timeline.Break component allows for content in Timeline to be visually seperated. This should be used for decorative purposes only. Since this component is decorative, it is not conveyed to assistive technologies like screen readers.
The content within Timeline.Item should clearly communicate the status and state of that item, so that if there is a need to seperate content, the context of the seperation is communicated in Timeline.Item.
Props
Timeline
| Name | Default | Description |
|---|---|---|
clipSidebar | | boolean | 'start' | 'end' | 'both'Controls which ends of the sidebar are clipped. When set to |
Timeline.Item
| Name | Default | Description |
|---|---|---|
condensed | booleanReduces vertical padding and removes background from an item's badge. |