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

iconTooltip​

DescriptionDefines the tooltip of the graphical icon.
Typestring | undefined
Defaultundefined
Since2.22.0

name​

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

nameClickable​

DescriptionDefines if the name is clickable.
Typeboolean
Defaultfalse

state​

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

subtitleText​

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

titleText​

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

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.