Skip to Content
ComponentsSelect / InputCheckboxOverview

Checkbox

리스트의 항목을 다중 선택하거나 개별 항목을 활성화 시킬 수 있습니다.

Live Demo

States
Indeterminate
View in Storybook →

Props

PropTypeDefaultDescription
checkedbooleanfalse선택 여부를 지정합니다.
indeterminatebooleanfalseIndeterminate 상태 여부를 지정합니다.
disabledbooleanfalse비활성화 여부를 지정합니다.
labelstring-Checkbox 레이블 텍스트를 지정합니다.
onChange(checked: boolean) => void-선택 값이 변경될 때 실행되는 함수를 지정합니다.

Anatomy

Checkbox anatomy

  1. Container
  2. Check Icon
  3. Text