Input Field
v1.0.0An input field for entering text and other data.
Interactive Implementation
Try typing in the field below and toggling validation.
Current Value: ""
Input API Reference
All available props for this component.
| Property | Type | Default | Description |
|---|---|---|---|
| variant | "default" | "error" | "default" | Visual validation state affecting border and focus ring colors. |
| size | "default" | "sm" | "lg" | "default" | Controls the vertical padding and font scale of the input canvas. |
| error | string | undefined | Error message rendered below the field with destructive styling. |
| className | string | undefined | Additional utility classes merged into the root element. |
| disabled | boolean | false | Disables interaction and applies reduced opacity styling. |
| type | HTMLInputTypeAttribute | "text" | Native input type attribute for semantic data entry. |