Documentation
Documentation Hub

BaseTabSlider

Rounded x2 slider

Slider tabs can have rounded corners. Use the shape prop to display a rounded slider.

Show code

Rounded x3 slider

Slider tabs can have rounded corners. Use the shape prop to display a rounded slider.

Show code

Curved x2 slider

Slider tabs can have curved corners. Use the shape prop to display a curved slider.

Show code

Curved x3 slider

Slider tabs can have curved corners. Use the shape prop to display a curved slider.

Show code

Full x2 slider

Slider tabs can have full corners. Use the shape prop to display a full slider.

Show code

Full x3 slider

Slider tabs can have full corners. Use the shape prop to display a full slider.

Show code

#<BaseTabSlider>

Model

v-model
The value of the currently selected tab.
Show example

Properties

tabs
An array of objects representing each tab. Each object should have a 'label' and a 'value' property.
Required
Show example
size
The size of the tabs.
Show example
shape
Controls the shape of the tabs. Can be 'rounded' or 'full'.
Show example
justify
Controls the alignment of the tabs. Can be 'start', 'center', or 'end'.
Show example
condensed
Controls the size of the tabs. Can be condensed or default.
Show example

Slots

#default
Show example