InputNumber
A customizable Svelte number input component with integrated increment/decrement buttons. Supports step/min/max configuration, and styling options.
View source
Examples
<script lang="ts">
import { InputNumber } from 'svxui';
</script>
<InputNumber />
API Reference
Property | Type | Default | Description |
---|---|---|---|
align | union | "end" | Text align |
color | string | number | symbol | "neutral" | InputNumber color |
disabled | boolean | false | Disabled state |
elementRef $bindable | HTMLInputElement | Rendered DOM element | |
fullWidth | boolean | false | InputNumber full width |
max | number | null | Max value | |
min | number | null | Min value | |
radius | union | InputNumberradius | |
readonly | boolean | readonly | |
required | boolean | false | Required state |
size | union | "2" | InputNumbersize |
step | number | null | "1" | Increment step |
value $bindable | number | null | Input value | |
variant | union | "clear" | InputNumber variant |