Input

A text field for short-form values, search, and inline actions.

The Input Component

Basic Usage

Code Snippet

<script lang="ts">		import { Input } from '$lib/components'; 		let value = $state('');	</script> 	<Input bind:value={value} placeholder="Search releases" leftIcon="magnifying-glass" />

Examples

States

Use helper and error copy to keep the input self-explanatory.

Used for URLs and release references.

Use a work email before continuing.