Timeline
Events in order along a vertical line, with a dot per event that can carry its own color or glyph.
Anotomy
Structure of the timeline and how its internal parts are composed. These are its semantic parts, so they are also what the
classNames and styles objects accept. Each entry in items also takes its own classNames and styles for that item, keyed root, wrapper, icon, section, header, title, content and rail.
| Name | Description | |
|---|---|---|
1 | root | The list of items. mode puts the content on one side, the other, or alternating. |
2 | item | One entry, from items. reverse flips their order. |
3 | itemWrapper | The block inside an item that holds the dot, the rail and the section. |
4 | itemIcon | The dot on the line. The item's color paints it, icon replaces it, and loading turns it into a spinner. |
5 | itemSection | The block beside the dot that holds the content. |
6 | itemHeader | The block holding the title, in the gutter on the other side of the line. titleSpan sizes the gutter. It only renders when the item has a title. |
7 | itemTitle | The item's heading, from its title. |
8 | itemContent | The item's body, from its content. |
9 | itemRail | The line down to the next item. The last item has none. |
© 2026 AntUIKit . All rights reserved.