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
Vercel banner