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.
InputField
Full form field with label, input, and helper text.
This is a hint text to help user.
Please enter a valid email address.
Email address verified.
Disabled
Prevents interaction with muted styling.
This is a hint text to help user.