Input
The Input component is a single-line text field for capturing user data. It supports addon slots and validation states, providing a flexible foundation for building form fields.
We'll never share your email.
tsx
Default
Basic text input with placeholder.
Sizes
Controls input height.
Variants
Border and focus ring color for validation states.
With Icons
Add content before or after the input.
Field
Compose label, control, description, and error. State propagates automatically — no manual id, htmlFor, or variant wiring.
This is a hint text to help user.
We'll never share your email.
Please enter a valid email address.
Disabled
Prevents interaction with muted styling.
This is a hint text to help user.