Number Field
A numeric input with increment and decrement controls.
Installation
Installs the style saved in lily.json. For a new Diamond project,
run lily-svelte init --style diamond first.
Install the lily base and `utils` (run once per project).
npx lily-svelte@latest initCopy 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} />