Input
A text input field. Supports leading icons, trailing elements, and specialized variants like PasswordInput, EmailInput, and SearchInput.
Installation
Props
Extends all standard HTMLInputElement props.
| Prop | Type | Default | Description |
|---|---|---|---|
type | string | "text" | HTML input type. Certain types (password, email, search) auto-add icons and behaviors. |
icon | React.ReactNode | — | Custom leading icon. Overrides the auto-detected icon. |
trailing | React.ReactNode | — | Trailing element shown on the right side of the input. |
placeholder | string | — | Placeholder text. |
disabled | boolean | false | Disables the input. |
className | string | — | Additional classes merged via cn(). |