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 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
|