diff options
| author |  Corentin THOMASSET <corentin.thomasset74@gmail.com>
| 2023-11-01 15:38:19 +0100 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2023-11-01 15:38:19 +0100 |
| commit | e86fd96ae3b5787252d41b8c49491bb4011d4527 (patch) | |
| tree | 8d61d2e77dadcdff3108b80ef7384958f69da0f3 /src/ui/c-select/c-select.demo.vue | |
| parent | 58de8970f53418e0157b80dff7d162d99815679b (diff) | |
| download | it-tools-e86fd96ae3b5787252d41b8c49491bb4011d4527.tar.gz it-tools-e86fd96ae3b5787252d41b8c49491bb4011d4527.tar.zst it-tools-e86fd96ae3b5787252d41b8c49491bb4011d4527.zip | |
feat(i18n): language selector (#710)
Diffstat (limited to 'src/ui/c-select/c-select.demo.vue')
| -rw-r--r-- | src/ui/c-select/c-select.demo.vue | 15 |
1 files changed, 15 insertions, 0 deletions
diff --git a/src/ui/c-select/c-select.demo.vue b/src/ui/c-select/c-select.demo.vue index ae553bb..f656c01 100644 --- a/src/ui/c-select/c-select.demo.vue +++ b/src/ui/c-select/c-select.demo.vue @@ -33,4 +33,19 @@ const value = ref(''); <c-select label="Label" label-position="left" label-align="left" mb-2 label-width="200px" /> <c-select label="Label" label-position="left" label-align="center" mb-2 label-width="200px" /> <c-select label="Label" label-position="left" label-align="right" mb-2 label-width="200px" /> + + <h2>Custom displayed value</h2> + <c-select v-model:value="value" :options="optionsA" mb-2> + <template #displayed-value> + <span class="font-bold lh-normal">Hello</span> + </template> + </c-select> + + <c-select v-model:value="value" :options="optionsA"> + <template #displayed-value> + <span lh-normal> + <icon-mdi-translate /> + </span> + </template> + </c-select> </template> |