Checkbox

Checkbox (체크박스)

사용자가 체크와 체크 해제를 전환할 수 있게 하는 컨트롤 컴포넌트예요. 여러 옵션 중 선택 여부를 표시하고 싶을 때 사용해요.

출처: 문서

본문

설치 (Installation)

CLI Manual
npx shadcn@latest add checkbox

다음 의존성을 설치해요.

npm install @radix-ui/react-checkbox

아래 코드를 프로젝트에 복사해서 붙여넣어요.

import 경로를 프로젝트 설정에 맞게 수정해요.

사용법 (Usage)

import { Checkbox } from "@/components/ui/checkbox"
<Checkbox />

예시 (Examples)

텍스트와 함께 (With text)

비활성화 (Disabled)

Form

더 알아보기 (Learn more)