diff options
| author |  Corentin THOMASSET <corentin.thomasset74@gmail.com>
| 2023-09-12 00:57:42 +0200 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2023-09-11 22:57:42 +0000 |
| commit | 5c4d775e2d0f2aaf0a7e427ec2eab774ae19ec07 (patch) | |
| tree | 14da28a2bcfc7ef52ee5bf33f6426f590b514cbc /src/ui/c-buttons-select/c-buttons-select.demo.vue | |
| parent | 557b30426fbcfd2a7e0fe99ed5c86a0756a1b1ba (diff) | |
| download | it-tools-5c4d775e2d0f2aaf0a7e427ec2eab774ae19ec07.tar.gz it-tools-5c4d775e2d0f2aaf0a7e427ec2eab774ae19ec07.tar.zst it-tools-5c4d775e2d0f2aaf0a7e427ec2eab774ae19ec07.zip | |
feat(new tool): ULID generator (#623)
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> |