# 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 |