1.8 KiB
1.8 KiB
Tabs
Tabs = require('../../components/tabs').Tabs
Tab = require('../../components/tabs').Tab
<Tabs>
<Tab label='Primary'>
<small>primary</small>
</Tab>
<Tab label='Secondary'>
<small>secondary</small>
</Tab>
<Tab label='Third' disabled>
<small>third</small>
</Tab>
<Tab label='Fourth' hidden>
<small>fourth</small>
</Tab>
</Tabs>
Properties
Name | Type | Default | Description |
---|---|---|---|
className | String | '' |
Additional class name to provide custom styling. |
index | Number | 0 |
Current |
onChange | Function | Callback function that is fired when the tab changes. |
Properties
Name | Type | Default | Description |
---|---|---|---|
active | Boolean | false |
If true, the current component is visible. |
className | String | '' |
Additional class name to provide custom styling. |
disabled | Boolean | false |
If true, the current component is not clickable. |
hidden | Boolean | false |
If true, the current component is not visible. |
label | String | Label for navigation | |
onActive | Function | Callback function that is fired when the tab is activated. | |
tabIndex | Number | Sets the tabindex html attribute. |
Methods
active
Active/Deactive a determinate instance of the component.
tab_instance.active(true);