Tabs
Examples
Basic
Tabs Rounded
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
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; }