입력

입력 (Input)

입력 필드 또는 입력 필드처럼 보이는 컴포넌트를 표시해주는 폼 컴포넌트예요. 텍스트, 숫자, 파일 등 다양한 유형의 입력을 지원하죠. 라벨이나 버튼과 조합해 유연하게 쓸 수 있어요.

출처: 문서

본문

설치하기

npx shadcn@latest add input

사용하기

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

<Input />

예시

기본 (Default)

파일 (File)

비활성 (Disabled)

라벨과 함께 (With Label)

버튼과 함께 (With Button)

폼 (Form)