packages/eui/packages/components/eui-timeline/eui-timeline-item.component.ts
A timeline item component that represents a single event or activity within a timeline. Can display labels, dates, times, and custom content with various visual states.
AfterContentInit
HostDirectives |
BaseStatesDirective
Inputs : euiSecondary euiPrimary euiSuccess euiInfo euiWarning euiDanger euiAccent euiVariant
|
selector | eui-timeline-item |
templateUrl | ./eui-timeline-item.component.html |
styleUrl | ./eui-timeline-item.scss |
Properties |
|
Inputs |
HostBindings |
Accessors |
date |
Type : string
|
dateStyleClass |
Type : string
|
Default value : ''
|
e2eAttr |
Type : string
|
Default value : 'eui-timeline-item'
|
isGroup |
Type : boolean
|
isLeftAligned |
Type : boolean
|
label |
Type : string
|
subLabel |
Type : string
|
time |
Type : string
|
timeStyleClass |
Type : string
|
Default value : ''
|
class |
Type : string
|
Public baseStatesDirective |
Type : BaseStatesDirective
|
Default value : inject(BaseStatesDirective)
|
Public timelineComponent |
Type : EuiTimelineComponent
|
Default value : inject(forwardRef(() => EuiTimelineComponent), { optional: true, host: true })
|
cssClasses |
getcssClasses()
|
Computes and returns the CSS classes for the timeline item
Returns :
string
|