Input
Single-line field with internal or external labeling, hint, error, icons, and password reveal.
Use Input for one line of text. Compose an external Label with matching `for` and `id`, or provide at most one internal name through `label`, `aria-label`, or `aria-labelledby`.
Interactive example
Loading interactive example
API
Inherited prop contracts
Omit<HTMLInputAttributes, 'value' | 'size' | 'aria-label' | 'aria-labelledby'>Props from this native base are accepted except the listed members.Partial<AccessibleName>Optional internal naming accepts at most one of:label,aria-label, oraria-labelledby. Omit all three when an external Label targets the input id.
| Member | Type | Kind | Required | Default |
|---|---|---|---|---|
aria-label | string | prop | No | undefined |
aria-labelledby | string | prop | No | undefined |
error | string | prop | No | undefined |
hideLabel | string | prop | No | 'Hide password' |
hint | string | prop | No | undefined |
label | string | prop | No | undefined |
leading | IconGlyph | prop | No | undefined |
leadingContent | Snippet | snippet | No | undefined |
revealToggle | boolean | prop | No | true |
showLabel | string | prop | No | 'Show password' |
trailing | IconGlyph | prop | No | undefined |
trailingContent | Snippet | snippet | No | undefined |
value | string | binding | No | '' |
Examples
Source
Loading source