Tab elements are used to switch between multiple sections of related content.
Switching between tabs fade in the content associated to the selected tab.
You can use the
header scoped slot to provide a custom heading for the tab items.
Default Open Tab
A specific tab can be opened by default, on page load, using the
v-model directive of the
<i-tabs> component. First, you'll need to assign an
id to the
<i-tab> components which will identify the open panels.
You can have a full width tabs header using the
stretch property. Make sure you use it only when having a small number of tabs.
Inkline includes basic predefined tabs styles that you can use within your application. You can apply a style using the
|custom||Sets the tabs to have a custom design.|| || |
|stretch||Sets the tabs header to be stretched across the whole tabs body width.|| || |
|value||Sets the default active tab. To be used together with the ||String|
|variant||Sets the color variant of the tabs component.|| || |