Select

A styled selection menu for well-defined option lists.

The Select Component

Basic Usage

Code Snippet

<script lang="ts">		import { Select } from '$lib/components'; 		let value = $state('emma'); 		const options = [			{ value: 'emma', label: 'Emma Li' },			{ value: 'mina', label: 'Mina Park' }		];	</script> 	<Select bind:value={value} options={options} placeholder="Choose owner" />

Examples

Grouped Options

Organize longer lists with light grouping when the categories are obvious.