컴포넌트
SwitchPower
전원(⏻) 심볼이 얹힌 노브가 슬라이드하며 켜짐 시 브랜드 컬러 글로우와 호흡 pulse, 확산 ripple이 재생되는 전원 토글 스위치.
- 분류
- 컴포넌트
- 난이도
- medium
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/SwitchPower-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| defaultOn | boolean | false | 비제어 초기 전원 상태 (켜짐 여부). |
| size | "sm" | "md" | "lg" | "md" | 트랙/노브/심볼 크기 프리셋. |
| accent | "violet" | "magenta" | "teal" | "violet" | 켜짐 상태 글로우 강조색. |
| pulse | boolean | true | 켜짐 시 글로우 호흡(pulse) 애니메이션 사용 여부. |
| disabled | boolean | false | 비활성화 여부 (토글·커서 스포트 차단). |
| onChange | (on: boolean) => void | undefined | 전원 상태 변경 콜백. |