Primitives
Input
A styled text input with optional label, helper text, error state, and leading/trailing adornments.
Preview:1280px
Keep this secret.
Username is already taken.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| label | string | - | Label displayed above the input. |
| value | string | - | Controlled input value. |
| onChange | (e: ChangeEvent) => void | - | Change handler (web gets event, native gets string). |
| error | string | - | Error message shown below; applies error styling. |
| helperText | string | - | Helper text shown below the input. |
| prefixIcon | ReactNode | - | Icon element inside the left edge. |
| suffixIcon | ReactNode | - | Icon element inside the right edge. |
| disabled | boolean | false | Disables the input. |
| type | 'text' | 'password' | 'email' | 'number' | 'text' | Input type. |