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={() => {}}
    />
  )
}

Last updated