Checkbox
mfe-lib-shared에서 제공하는 체크박스 컴포넌트입니다.
켜짐/꺼짐 두 가지 상태를 전환할 때 쓰입니다. 약관 동의, 알림 설정, 목록에서 여러 항목 선택 등 사용자가 옵션을 명확히 켜거나 끌 때 자주 사용합니다.
구현은 shadcn/ui Checkbox와 같은 패턴을 따르며, 세부 API는 문서의 API Reference를 참고하면 됩니다.
shadcn/ui 참고
상세 설치·예제·API는 공식 문서를 참고하세요.
문서에서 다루는 내용 예시
- 기본 사용:
import { Checkbox } from "@/components/ui/checkbox"후<Checkbox /> - 선택 상태: 비제어는
defaultChecked, 제어는checked와onCheckedChange - 오류 표시: 체크박스에
aria-invalid, 필드 래퍼에data-invalid로 스타일 연동 Field,FieldLabel과 함께 레이블·설명(FieldDescription)·비활성(disabled,data-disabled)·그룹·테이블 셀 안 배치 등 패턴- RTL 등 레이아웃: 같은 페이지의 RTL 섹션 및 shadcn/ui 문서 하단 안내 참고
세부 prop·동작은 문서의 API Reference(Base UI) 링크를 따라가면 됩니다.