Rounded:none

Slider tabs can have diffrerent radius factors. Use the rounded prop to change the radius of the tab items.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quid iudicant sensus? Primum quid tu dicis breve? Etiam beatissimum? Ne discipulum abducam, times.

Show code

Rounded:sm

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

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quid iudicant sensus? Primum quid tu dicis breve? Etiam beatissimum? Ne discipulum abducam, times.

Show code

Rounded:md

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

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quid iudicant sensus? Primum quid tu dicis breve? Etiam beatissimum? Ne discipulum abducam, times.

Show code

Rounded:lg

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

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quid iudicant sensus? Primum quid tu dicis breve? Etiam beatissimum? Ne discipulum abducam, times.

Show code

Rounded:full

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

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quid iudicant sensus? Primum quid tu dicis breve? Etiam beatissimum? Ne discipulum abducam, times.

Show code

Size:sm

Slider tabs can be made smaller using the size prop.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quid iudicant sensus? Primum quid tu dicis breve? Etiam beatissimum? Ne discipulum abducam, times.

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