diff options
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> |