Tabs

Examples

Basic

PreviewAngularReactVueJavaScript

Tabs Rounded

PreviewAngularReactVueJavaScript

API (ix-tabs)

Properties

Name

Description and specifications

layout

Set layout width style

Attribute:

layout

Type:

"auto" ｜ "stretched"

Default:

'auto'

placement

Set placement style

Attribute:

placement

Type:

"bottom" ｜ "top"

Default:

'bottom'

rounded

Set rounded tabs

Attribute:

rounded

Type:

boolean

Default:

false

selected

Set default selected tab by index

Attribute:

selected

Type:

number

Default:

0

small

Set tab items to small size

Attribute:

small

Type:

boolean

Default:

false

Events

Name

Description and specifications

selectedChange

Since 2.0.0

`selected` property changed

Detail:

number

API (ix-tab-item)

Properties

Name

Description and specifications

counter

Set counter value

Attribute:

counter

Type:

number ｜ undefined

disabled

Set disabled tab

Attribute:

disabled

Type:

boolean

Default:

false

icon

Set icon only tab

Attribute:

icon

Type:

boolean

Default:

false

layout

Set layout width style

Attribute:

layout

Type:

"auto" ｜ "stretched"

Default:

'auto'

placement

Set selected placement

Attribute:

placement

Type:

"bottom" ｜ "top"

Default:

'bottom'

rounded

Set rounded tab

Attribute:

rounded

Type:

boolean

Default:

false

selected

Set selected tab

Attribute:

selected

Type:

boolean

Default:

false

small

Set small size tab

Attribute:

small

Type:

boolean

Default:

false

Events

Name

Description and specifications

tabClick

Since 2.0.0

Emitted when the tab is clicked.

Detail:

{ nativeEvent: MouseEvent; }