# BaseSwitchButton

accessible tab switch buttons

# Props

Prop name Description Type Values Default
options specify the tabs as array of object with value and label properties array - [{ label: 'tab', value: 'tab' }]
v-model set the currently active tab (specify the value of the object not the label) string - function() {
return this.options[0] ? this.options[0].value : 'tab';
}
label set a label for the switches, not visible but needed for accessibility string -

# Events

Event name Properties Description
switch undefined string - the value of the selected option object Event emitted on options switch, value of options object is emitted

# Slots

Name Description Bindings
right-of-text slot to display something right of text (e.g. icon) value string - the value of the option object

# Demo

Last Updated: 3/27/2023, 4:42:24 PM