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