Timeline
Use the timeline component to display a list of connected items as a vertical timeline.
import {Timeline} from '@primer/react-brand'
Timeline requires the dir
attribute to be set on the <html>
element to ensure the correct visual appearance of timeline items.
Use a <b>
element within the timeline items to apply a duotone style and emphasize part of the text.
Name | Type | Default | Description |
---|---|---|---|
className | string | Sets a custom class on the root element | |
children | Timeline.Item , Timeline.Item[] | Content to be displayed within the component | |
fullWidth | boolean | false | Fills available space |
Name | Type | Default | Description |
---|---|---|---|
className | string | Sets a custom class on the root element | |
children | React.ReactNode , React.ReactNode[] | Content to be displayed within the item. |