Timeline

Vertical display timeline.

Usage

import { Timeline } from 'rsuite';

Examples

Default

Custom alignment

Custom time

Endless

Custom Icon

Props

<Timeline>

Property Type (Default) Description
align enum: 'left' , 'right' , 'alternate' ('left') Timeline content alignment
children * React.ChildrenArray<Timeline.Item> The content of the component
classPrefix string ('timeline') The prefix of the component CSS class
componentClass React.ElementType ('ul') You can use a custom element type for this component
endless boolean Timeline endless

<Timeline.Item>

Property Type (Default) Description
children * React.Node The content of the component
classPrefix string ('timeline-item') The prefix of the component CSS class
componentClass React.ElementType ('li') You can use a custom element type for this component
dot React.Node Customizing the Timeline item
time React.Node Customizing the Timeline time
πŸŽ‰ v5 is released! Head to the v5 documentation to get started.