Input.
A clean, accessible input with shared focus behavior.
The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.
Props & API reference
Parameters available in the shared component, including value types, requirements and accepted options.
| Parameter | Type | Required | Default | Possible values | Description |
|---|---|---|---|---|---|
type | HTMLInputTypeAttribute | No | text | text · email · password · number · date · search · url · tel · time | Native input type, e.g. text, email, number, date. |
value | string | number | No | — | — | Controlled input value. |
defaultValue | string | number | No | — | — | Initial uncontrolled value. |
placeholder | string | No | — | — | Placeholder while empty. |
disabled | boolean | No | false | true · false | Disable editing. |
required | boolean | No | false | true · false | Require a value for native form submission. |
onChange | ChangeEventHandler<HTMLInputElement> | No | — | — | Called when the input changes. |
aria-label | string | No | — | — | Accessible label when a visible label is not supplied. |