Docs
Input

Input

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

import { Input_Shadcn_ } from 'ui'
 
export function InputDemo() {
  return <Input_Shadcn_ type="email" placeholder="Email" />
}

Installation

npx shadcn-ui@latest add input

Usage

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

Examples

Default

File

Disabled

With Label

With Button

Form

This is your public display name.
PreviousHover Card
NextInput OTP