Slider tabs can have different radius factors. Use the rounded prop to change the radius of the tab items.
Show codeHide code
vue
Slider tabs can have rounded corners. Use the shape prop to display a rounded slider.
Show codeHide code
vue
Slider tabs can have curved corners. Use the shape prop to display a curved slider.
Show codeHide code
vue
Slider tabs can have curved corners. Use the shape prop to display a curved slider.
Show codeHide code
vue
Slider tabs can have full corners. Use the shape prop to display a full slider.
Show codeHide code
vue
Slider tabs can be made smaller using the size prop.
Show codeHide code
vue
Name
Type
tabsAn array of objects representing each tab. Each object should have a 'label' and a 'value' property.
Required Show exampleHide example
vue
classesOptional CSS classes to apply to the component inner elements.
Show exampleHide example
vue
Name
Type
colorDefines the color of the active tab
@since
3.0.0
Show exampleHide example
vue
roundedControls the radius of the tabs.
Show exampleHide example
vue
sizeThe size of the tabs.
Show exampleHide example
vue
justifyControls the alignment of the tabs. Can be 'start', 'center', or 'end'.
Show exampleHide example
vue
Name
Type
colorDefines the color of the active tab
Show exampleHide example
vue
roundedControls the radius of the tabs.
Show exampleHide example
vue
sizeThe size of the tabs.
Show exampleHide example
vue
justifyControls the alignment of the tabs. Can be 'start', 'center', or 'end'.
Show exampleHide example
vue