mirror of
https://github.com/hanzoai/svelte.git
synced 2026-10-01 00:41:47 +00:00
17 lines
423 B
Svelte
17 lines
423 B
Svelte
<!--
|
|
SelectValue — renders the chosen option's registered label, or the placeholder
|
|
(muted) when nothing is selected.
|
|
-->
|
|
<script lang="ts">
|
|
import { getSelect } from './internal/context'
|
|
|
|
export let placeholder = ''
|
|
|
|
const { value, labels } = getSelect('SelectValue')
|
|
$: label = $labels[$value]
|
|
</script>
|
|
|
|
<span data-slot="select-value" class:text-muted-foreground={!label}>
|
|
{label ?? placeholder}
|
|
</span>
|