diff options
Diffstat (limited to 'src/ui/c-select/c-select.vue')
| -rw-r--r-- | src/ui/c-select/c-select.vue | 16 |
1 files changed, 9 insertions, 7 deletions
diff --git a/src/ui/c-select/c-select.vue b/src/ui/c-select/c-select.vue index fb34038..7b3607c 100644 --- a/src/ui/c-select/c-select.vue +++ b/src/ui/c-select/c-select.vue @@ -150,13 +150,15 @@ function onSearchInput() { @keydown="handleKeydown" > <div flex-1 truncate> - <input v-if="searchable && isOpen" ref="searchInputRef" v-model="searchQuery" type="text" placeholder="Search..." class="search-input" w-full lh-normal color-current @input="onSearchInput"> - <span v-else-if="selectedOption" lh-normal> - {{ selectedOption.label }} - </span> - <span v-else class="placeholder" lh-normal> - {{ placeholder ?? 'Select an option' }} - </span> + <slot name="displayed-value"> + <input v-if="searchable && isOpen" ref="searchInputRef" v-model="searchQuery" type="text" placeholder="Search..." class="search-input" w-full lh-normal color-current @input="onSearchInput"> + <span v-else-if="selectedOption" lh-normal> + {{ selectedOption.label }} + </span> + <span v-else class="placeholder" lh-normal> + {{ placeholder ?? 'Select an option' }} + </span> + </slot> </div> <icon-mdi-chevron-down class="chevron" /> |