Native Select

A platform-native select control for dependable lightweight choice lists.

The Native Select Component

Basic Usage

Code Snippet

<script lang="ts">		import { NativeSelect } from '$lib/components'; 		let value = $state('april');	</script> 	<NativeSelect bind:value={value}>		<option value="april">April</option>		<option value="may">May</option>	</NativeSelect>

Examples

Helper Copy

Pair the select with helper copy when the choice has downstream effects.

This sets tax formatting for new invoices.