KRDS React

토글 스위치 Toggle switch ​

토글은 상호 배타적인 두 가지 상태를 전환하는 데 사용되는 요소이다.

KRDS 가이드

기본 ​

tsx
import { ToggleSwitch } from '@krds.ui/react'

export default function ToggleSwitchDemo() {
  return <ToggleSwitch label="문자 알림" />
}

ToggleSwitch ​

Props

이름타입기본값설명
sizeToggleSwitchSizelarge토글 스위치 크기
labelstring-토글 스위치 라벨 텍스트
onChange((checked: boolean, event: ChangeEvent<HTMLInputElement>) => void)-값 변경 핸들러