컴포넌트
ToggleTheme
클릭하면 코닉(부채꼴) 그라데이션 웨지가 원반을 한 바퀴 쓸며 해(라이트) ↔ 달(다크)을 닦아내듯 교체하는 Canvas2D 테마 전환 토글입니다.
- 분류
- 컴포넌트
- 난이도
- medium
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/ToggleTheme-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| defaultDark | boolean | false | 비제어 초기 다크 여부 (true=다크/달, false=라이트/해) |
| size | number | 88 | 버튼 지름(px) |
| sweepDirection | "cw" | "ccw" | "cw" | 코닉 스윕 회전 방향 (시계/반시계) |
| pointerGlow | boolean | true | 컨테이너 격리된 포인터 추종 하이라이트 표시 여부 |
| onChange | (dark: boolean) => void | undefined | 상태 변경 콜백 (다크로 전환되면 true) |
| label | string | undefined | 스크린리더 aria-label (미지정 시 현재 상태 기반 자동 생성) |