Input
Used to get single-line text input from the user.
Usage
The Input component is a styled wrapper around the native input element, providing consistent styling across different states and variants.
Variants
Use the variant prop to change the visual style of the input.
primary: The default variant with a subtle background and border.secondary: A variant with a different background color.tertiary: A minimal variant without background or border.
Sizes
Use the size prop to change the size of the input.
Disabled State
Use the disabled prop to prevent user interaction with the input.
API Reference
| Prop | Type | Default |
|---|---|---|
| variant | primary | secondary | tertiary | primary |
| size | xs | sm | md | lg | xl | md |
| asChild | boolean | false |