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 | 14 |
1 files changed, 14 insertions, 0 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 new file mode 100644 index 0000000..dea1528 --- /dev/null +++ b/src/ui/c-buttons-select/c-buttons-select.demo.vue @@ -0,0 +1,14 @@ +<script setup lang="ts"> +const optionsA = [ + { label: 'Option A', value: 'a' }, + { label: 'Option B', value: 'b', tooltip: 'This is a tooltip' }, + { label: 'Option C', value: '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 /> +</template> |