Switch
core토글 스위치 컴포넌트. 3가지 크기, 레이블/설명 지원.
컴포넌트 의존 관계
깊이
100%
Basic
새로운 업데이트를 알림으로 받습니다.
어두운 테마를 사용합니다.
프로모션 및 이벤트 정보를 받습니다.
Sizes
Disabled
Without Label
테스트 커버리지
2026년 2월 4일6/6 통과
6성공
0실패
6전체
- switch role을 렌더링한다
- label을 렌더링한다
- 클릭으로 토글할 수 있다
- checked 상태를 반영한다
- disabled 상태를 지원한다
- description을 표시한다
Switch Props
| Prop | 타입 | 기본값 | 설명 |
|---|---|---|---|
label | string | — | 스위치 레이블 |
description | string | — | 레이블 아래 설명 텍스트 |
checked | boolean | — | 제어 모드: 체크 상태 |
defaultChecked | boolean | — | 비제어 모드: 초기 체크 상태 |
onChange | (checked: boolean) => void | — | 상태 변경 핸들러 |
size | "sm" | "md" | "lg" | "md" | 스위치 크기 |
disabled | boolean | — | 비활성화 상태 |
Import
tsx
import { Switch } from "@reopt-ai/opt-ui";