ItemDirective

1 Oct 20251 minute to read

‘e-timelineItem’ directive represents a item of the Angular Timeline.
It must be contained in a Timeline component(ejs-timeline).

<ejs-timeline>
 <e-items>
  <e-item [dotCss]='e-icons e-folder' [content]='Item 1' />
  <e-item [dotCss]='e-icons e-folder' [content]='Item 2' />
 </e-items>
</ejs-timeline>

Properties

content string|object

Defines the text content or template for the Timeline item. The current itemIndex passed as context to build the content.

Defaults to ’’

cssClass any

Defines the CSS class to customize the Timeline item appearance.

Defaults to ’’

disabled any

Defines whether to enable or disable the timeline item.

Defaults to false

dotCss any

Defines one or more CSS classes to include an icon or image in the Timeline item.

Defaults to ’’

oppositeContent string|object

Defines the additional text content or template to be displayed opposite side of the item. The current itemIndex passed as context to build the content.

Defaults to ’’