Tabs can have different alignments. Use the justify
prop to display tabs aligned to the left, center or right.
Name
Type
v-model
The value of the currently selected tab. This should match the value of one of the tabs in the tabs array.
Show exampleHide example
Name
Type
Default
tabs
An array of tab objects that contain a label and value
Required Show exampleHide example
type
The type of tabs to display. Can be either "tabs" or "box".
Show exampleHide example
justify
The horizontal alignment of the tabs. Can be "start", "center", or "end".
Show exampleHide example
boxed
Whether or not to display the tabs as boxes.
Show exampleHide example
hide-label
Whether or not to hide the label for the tab.