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

visible

any

Sets false to hide the Tab item.

Defaults to true