TabItem API in Vue Tabs API component

An array of object that is used to configure the Tab.

Properties

content

string | HTMLElement

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

Defaults to ”

cssClass

string

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

Defaults to ”

disabled

boolean

Sets true to disable user interactions of the Tab item.

Defaults to false

header

HeaderModel

The object used for configuring the Tab item header properties.

Defaults to {}

headerTemplate

string

Specifies the header text of Tab item.

Defaults to null

id

string

Sets unique ID to Tab item.

Defaults to null

tabIndex

number

Specifies the tab order of the Tabs items. When positive values assigned, it allows to switch focus to the next/previous tabs items with Tab/ShiftTab keys. By default, user can able to switch between items only via arrow keys. If the value is set to 0 for all tabs items, then tab switches based on element order.

Defaults to -1

visible

boolean

Sets false to hide the Tab item.

Defaults to true