Properties
Timeline properties
| Property | Type | Description |
|---|---|---|
data | Array<TimelineItemProps> | (optional) List of timeline items to render. Each object in data can include all properties from Timeline.Item properties. |
children | React.ReactNode | (optional) Content of the component. Can be used instead of property data, by adding Timeline Item as children <Timeline.Item {...props} />. |
skeleton | boolean | (optional) If set to true, an overlaying skeleton with animation will be shown. |
Space | string object | (optional) Spacing properties like top or bottom are supported. |
Timeline.Item properties
| Property | Type | Description |
|---|---|---|
title | React.ReactNode | (required) Title of the Timeline item. |
state | completed current upcoming | (required) The component state. Options: completed | current | upcoming. |
subtitle | React.ReactNode React.ReactNode[] | (optional) Subtitle of the Timeline item, displayed below the title. Also supports passing an array of subtitles. The subtitle is usually a date of the timeline item. |
infoMessage | React.ReactNode | (optional) Info message, displayed in a FormStatus of state info, below the subtitle if it exists. |
icon | React.ReactNode | (optional) Override icon displaying on the left side (Not recommended). Default: check for state completed, pin for state current, and calendar for state upcoming. |
iconAlt | string | (optional) Alt label describing the icon provided. |
skeleton | boolean | (optional) If set to true, an overlaying skeleton with animation will be shown. |
Timeline.Item translations
More info about translations can be found in the general localization and Eufemia Forms localization docs.
| Key | nb-NO | en-GB | sv-SE | da-DK |
|---|---|---|---|---|
TimelineItem.alt_label_completed | Utført | Completed | Utförd | Udført |
TimelineItem.alt_label_current | Nåværende | Current | Nuvarande | Nuværende |
TimelineItem.alt_label_upcoming | Kommende | Upcoming | Kommande | Kommende |