Timeline
#
Vertical display timeline.
Import
#
import { Timeline } from 'rsuite';
import Timeline from 'rsuite/Timeline';
Props
#
<Timeline>
#
Property |
Type (Default) |
Description |
align |
enum: '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 |