Timeline

Use the timeline component to display a list of connected items as a vertical timeline.

Ready to use


import {Timeline} from '@primer/react-brand'

Examples

Timeline requires the dir attribute to be set on the <html> element to ensure the correct visual appearance of timeline items.

Loading

Use a <b> element within the timeline items to apply a duotone style and emphasize part of the text.

Loading

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.