Component library
Timeline
Last updated 2 November 2026
Creates a timeline container.
Attributes
| FIELD ATTRIBUTE | TYPE | DEFAULT | OPTIONS | DESCRIPTION |
|---|---|---|---|---|
| static-timeline | boolean | false | true, false | Allows rendering of html content for the timeline. You still need to use <ins-timeline-item> to wrap things. |
| label | string | "" | any | Defines timeline heading |
| timeline-data | array | [] | any (valid timeline object data) ex. [{ color: "red", icon: "icon-star", content: "html code here", actions: "html code here", datetime: "Text content" }] | Defines timeline data. For more info, check <ins-timeline-item> attributes. |
| total-count | number | 0 | any | Specify number of items in the timeline |
| without-pagination | boolean | false | true, false | Removes table pagination display |
| page-number | number | 1 | any | Defines number of pages in timeline |
| page-size | number | 10 | any | Defines size of pages in timeline |
| page-size-options | number | [10, 20, 50] | any | Defines size of pages in the timeline |
| loading-screen | boolean | false | true, false | Enables loader in timeline |
| loader-title | string | Just a moment | any | Defines title of loader |
| loader-message | string | We are processing your request | any | Defines message of loader |
| loader-icon | string | processing | processing, warning, help, error, success, downloading, uploading | Defines icon of loader |