체크박스
여러 항목을 켜고 끄며 고르는 Muse의 기본 선택 컨트롤이다. Editorial Web에서는 주제 필터·약관 동의·큐레이션 조건처럼 복수 선택이 필요한 곳에 쓴다. 네이티브 체크박스 동작을 유지하고 잉크색 accent만 입힌다.
상태
기본
선택됨
부분 선택
비활성
부분 선택은 indeterminate 로 표시한다.
활용 방법
라벨
label 을 주면 텍스트까지 클릭 영역이 된다.
Preview
tsx
<Checkbox label="Essay" defaultChecked /><Checkbox label="Interview" />
톤
tone 으로 체크 accent를 시맨틱 토큰에서 고른다.
Preview
tsx
<Checkbox tone="primary" defaultChecked /><Checkbox tone="point" defaultChecked />
속성
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| tone | "primary" | "point" | "danger" | "success" | "warning" | "primary" | 체크 accent-color |
| indeterminate | boolean | false | 부분 선택 표시 |
| label | ReactNode | - | 옆 라벨 |
| ...props | InputHTMLAttributes | - | 네이티브 checkbox 속성 전부 전달 |