Number Field

A numeric input with increment and decrement controls.

<script lang="ts">
  import { NumberField } from "$lib/components/ui/number-field";
 
  let value = $state(1);
</script>
 
<NumberField bind:value min={0} max={10} />

Installation

npx lily-svelte@latest add number-field

Install the lily base and `utils` (run once per project).

npx lily-svelte@latest init

Copy the number-field source from the registry into `$lib/components/ui/number-field`.

Usage

<script lang="ts">
	import { NumberField } from '$lib/components/ui/number-field';
 
	let value = $state(1);
</script>
 
<NumberField bind:value min={0} max={10} step={1} />

← Navigation Menu Pagination →