Input
Text input with optional label, help text, and icon slots.
Sizes
States
We'll never share it.
Enter a valid email address.
With an icon
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| label | string | Field label. | |
| description | string | Help text under the field. | |
| error | string | Sets the error state and shows this message. | |
| size | 'sm' | 'md' | 'lg' | 'md' | Field height. |
| leadingIcon | ReactNode | Icon inside the field, before the text. | |
| trailingIcon | ReactNode | Icon inside the field, after the text. | |
| ...rest | InputHTMLAttributes<HTMLInputElement> | Every native <input> attribute. |