Input

Displays a form input field or a component that looks like an input field.

input

Installation

import { Input } from "@/components/ui/input"

<Input />

Styled wrapper around the native input element. All standard HTML input attributes are forwarded.

Prop	Type	Default	Description
`type`	`"text" \| "email" \| "password" \| ...`	`"text"`	Passed to the native input type attribute
`className`	`string`	-	Additional classes merged with the default input styles

For accessible labelling and validation, prefer using the Label component to wrap inputs, or the Form component. See some related examples.