Component

Select

Pick an option from a dropdown menu.

Installation

Usage

Preview

Svelte Code

1
<script lang="ts">
2
  import Select from '$lib/components/base/select.svelte';
3
</script>
4

5
<Select>
6
  <optgroup label="Colors">
7
    <option value="red">Red</option>
8
    <option value="blue">Blue</option>
9
    <option value="green" disabled>Green</option>
10
    <option value="yellow">Yellow</option>
11
  </optgroup>
12
</Select>
13

Form

Preview

Value:

Svelte Code

1
<script lang="ts">
2
  import Select from '$lib/components/base/select.svelte';
3

4
  let value = $state('');
5
</script>
6

7
<Select bind:value>
8
  <option value="red">Red</option>
9
  <option value="blue">Blue</option>
10
  <option value="green">Green</option>
11
</Select>
12

13
<p>Value: {value}</p>
14