Timeline #

Vertical display timeline.

Import #

import { Timeline } from 'rsuite';

// or
import Timeline from 'rsuite/Timeline';

Examples #

Basic #

Custom alignment #

Custom time #

Endless #

Custom Icon #

Props #

<Timeline> #

Property	Type (Default)	Description
align	'left' | 'right' | 'alternate' ('left')	Timeline content alignment
children *	Timeline.Item[]	The content of the component
classPrefix	string ('timeline')	The prefix of the component CSS class
as	ElementType ('ul')	You can use a custom element type for this component
endless	boolean	Timeline endless

<Timeline.Item> #

Property	Type (Default)	Description
children *	ReactNode	The content of the component
classPrefix	string ('timeline-item')	The prefix of the component CSS class
as	ElementType ('li')	You can use a custom element type for this component
dot	ReactNode	Customizing the Timeline item
time	ReactNode	Customizing the Timeline time