Back to components
inputsInputFormTailwind
Text Input
A reusable, accessible, and customizable text input component.
Preview
Loading preview...
Installation
npx aura-ui@latest add text-inputSource Code
import { Input } from "@/components/ui/input"
export default function Example() {
return <Input placeholder="Email" type="email" />
}Props
| Prop | Type | Default | Description |
|---|---|---|---|
| type | string | "text" | The HTML input type. |
| placeholder | string | - | Placeholder text for the input. |
| value | string | number | - | Value of the input. |
| onChange | function | - | Callback when the value changes. |
| className | string | - | Additional CSS classes. |