Docs
Input

Input

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

Installation

npx shadcn-ui add input
npx shadcn-ui add input

Usage

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

Examples

Default

Disabled

With Label

With Text

Enter your email address.

With Button

File

React Hook Form

This is your public display name.

Hover CardLabel