Skip to main content

TimelineItem

<ui5-timeline-item>

An entry posted on the timeline.

Properties

icon

DescriptionDefines the icon to be displayed as graphical element within the ui5-timeline-item. SAP-icons font provides numerous options.
See all the available icons in the Icon Explorer.
Typestring | undefined
Defaultundefined

name

DescriptionDefines the name of the item, displayed before the title-text.
Typestring | undefined
Defaultundefined

nameClickable

DescriptionDefines if the name is clickable.
Typeboolean
Defaultfalse

titleText

DescriptionDefines the title text of the component.
Typestring | undefined
Defaultundefined

subtitleText

DescriptionDefines the subtitle text of the component.
Typestring | undefined
Defaultundefined

state

DescriptionDefines the state of the icon displayed in the ui5-timeline-item.
Type"None" | "Positive" | "Critical" | "Negative" | "Information"
Default"None"
Since2.7.0

Slots

default

DescriptionDefines the content of the ui5-timeline-item.
TypeArray<Node>

Events

name-click

DescriptionFired when the item name is pressed either with a click/tap or by using the Enter or Space key.
Note: The event will not be fired if the name-clickable attribute is not set.
TypeCustomEvent
BubblesYes
CancelableNo

Methods

No methods available for this component.

CSS Parts

No CSS parts available for this component.

CSS Custom States

No CSS custom states available for this component.