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

PropertyTypeDefaultDescription
align
union
"end"Text align
color
string | number | symbol
"neutral"InputNumber color
disabled
boolean
falseDisabled state
elementRef $bindable
HTMLInputElement
Rendered DOM element
fullWidth
boolean
falseInputNumber full width
max
number | null
Max value
min
number | null
Min value
radius
union
InputNumberradius
readonly
boolean
readonly
required
boolean
falseRequired state
size
union
"2"InputNumbersize
step
number | null
"1"Increment step
value $bindable
number | null
Input value
variant
union
"clear"InputNumber variant
v0.0.13