lomer-ui

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