checkbox-group

Props

Prop	Type	Default	Description
name	string	-	체크 박스 그룹 고유 이름
value	string	-	체크 박스 선택 값 (,로 구분)
items		-	체크 박스 아이템 목록
onChange	function	-	체크 박스 선택 핸들러

Usage

import { CheckBoxGroup } from '@/src/components/ui'

function CheckBoxGroupDemo() {
  return (
    <CheckboxGroup
      name={'checkGroup'}
      value={'ck01,ck03'}
      items={[
        {
          id: 'check01',
          value: 'ck01',
          label: '항목1',
          subLabel: '보조 텍스트가 들어가는 자리',
        },
        {
          id: 'check02',
          value: 'ck02',
          label: '항목2',
          subLabel: '보조 텍스트가 들어가는 자리',
        },
        {
          id: 'check03',
          value: 'ck03',
          label: '항목3',
          subLabel: '보조 텍스트가 들어가는 자리',
        },
      ]}
      onChange={() => {}}
    />
  )
}