Ocean Road
가이드
컴포넌트
가이드
컴포넌트

Checkbox

체크박스 인풋 컴포넌트입니다. 선택적으로 라벨 텍스트를 함께 표시할 수 있습니다.

사용법

import { Checkbox } from '@coldsurfers/ocean-road'

<Checkbox
  labelText="이용약관에 동의합니다"
  checked={checked}
  onChange={(e) => setChecked(e.target.checked)}
/>

Props

InputHTMLAttributes<HTMLInputElement> (size, formAction 제외)를 모두 상속합니다.

prop 타입 기본값 설명
size 'lg' | 'md' | 'sm' 'md' 체크박스 크기
labelText string — 체크박스 오른쪽에 표시될 라벨 텍스트

인터랙티브 데모

ON THIS PAGE