Element: #031 States (inputs/number-field)
What it shows: Four NumberField states in a Stack: with description, with error and required, disabled, and small.
When to use: Documenting helper text, validation, locked and compact variants of numeric fields such as seat counts.
Spec:
- ``
- `bind:value={seats}` with `let seats = $state(60)`, `error="Plans support up to 50 seats."` and `required`
- ``
- ``
- `` wraps the four fields
Tags: number-field, error, disabled, required, size, description, forms
Needs: @codeatlasdev/ui@4.4.0
Components: NumberField, Stack
Live demo: https://ui.codeatlas.com.br/docs/inputs/number-field#states