TabItemDirective API in Angular Tabs API component

‘e-tabitem’ directive represent a item of the Angular Tab. It must be contained in a Tab component(ejs-tab).

<ejs-tab>
 <e-tabitems>
  <e-tabitem [header]='Header 1' [content]='Content 1'></e-tabitem>
  <e-tabitem [header]='Header 2' [content]='Content 2'></e-tabitem>
 <e-tabitems>
</ejs-tab>

Properties

content

any

Specifies the content of Tab item, that is displayed when concern item header is selected.

Defaults to ”

cssClass

any

Sets the CSS classes to the Tab item to customize its styles.

Defaults to ”

disabled

any

Sets true to disable user interactions of the Tab item.

Defaults to false

header

any

The object used for configuring the Tab item header properties.

Defaults to {}

headerTemplate

any

Specifies the header text of Tab item.

Defaults to null

id

any

Sets unique ID to Tab item.

Defaults to null

visible

any

Sets false to hide the Tab item.

Defaults to true