Input
Single-line text field with states.
Usage
Import and drop in. Works with all native <input> attributes via
prop spreading.
Variants
Two visual styles via the variant prop: outline (default) and filled.
Sizes
Three sizes from the size prop.
States
Use invalid for error feedback and disabled to
block interaction.
Props
Plus every native <input> attribute via prop spreading.
| Prop | Type | Default |
|---|---|---|
variant | 'outline' | 'filled' | 'outline' |
size | 'sm' | 'md' | 'lg' | 'md' |
invalid Applies error styling. | boolean | false |
value Bindable value. | string | — |
class Extra classes merged onto the root. | string | — |