diff options
author | 2023-11-13 22:38:01 +0100 | |
---|---|---|
committer | 2023-11-13 21:38:01 +0000 | |
commit | 38586caab78c3ae18fefe04886ee1195feb2b236 (patch) | |
tree | 82adab11c28f2f551eaf3edb0cc1044b3deb6dfb /src/ui/c-buttons-select/c-buttons-select.demo.vue | |
parent | 043e4f0a08fa9e1966b9733c58f33ca93d45da50 (diff) | |
download | it-tools-38586caab78c3ae18fefe04886ee1195feb2b236.tar.gz it-tools-38586caab78c3ae18fefe04886ee1195feb2b236.tar.zst it-tools-38586caab78c3ae18fefe04886ee1195feb2b236.zip |
refactor(uuid generator): uuid version picker (#751)
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> |