diff options
Diffstat (limited to 'src/ui/c-buttons-select/c-buttons-select.demo.vue')
| -rw-r--r-- | src/ui/c-buttons-select/c-buttons-select.demo.vue | 9 |
1 files changed, 8 insertions, 1 deletions
diff --git a/src/ui/c-buttons-select/c-buttons-select.demo.vue b/src/ui/c-buttons-select/c-buttons-select.demo.vue index dea1528..4628601 100644 --- a/src/ui/c-buttons-select/c-buttons-select.demo.vue +++ b/src/ui/c-buttons-select/c-buttons-select.demo.vue @@ -4,11 +4,18 @@ const optionsA = [ { label: 'Option B', value: 'b', tooltip: 'This is a tooltip' }, { label: 'Option C', value: 'c' }, ]; + +const optionB = { + 'Option A': 'a', + 'Option B': 'b', + 'Option C': 'c', +}; + const valueA = ref('a'); </script> <template> <c-buttons-select v-model:value="valueA" :options="optionsA" label="Label: " /> <c-buttons-select v-model:value="valueA" :options="optionsA" label="Label: " label-position="left" mt-2 /> - <c-buttons-select v-model:value="valueA" :options="optionsA" label="Label: " label-position="left" mt-2 /> + <c-buttons-select v-model:value="valueA" :options="optionB" label="Options object: " /> </template> |