컴포넌트
ToggleDayNight
해와 달, 낮과 밤 하늘 그라데이션이 통째로 전환되는 씬 토글로, 천체가 슬라이드하며 초승달로 모프되고 별과 구름이 교차한다.
- 분류
- 컴포넌트
- 난이도
- medium
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/ToggleDayNight-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| defaultNight | boolean | false | 비제어 초기 상태값 (true=밤/달, false=낮/해) |
| onChange | (night: boolean) => void | undefined | 낮/밤 상태가 바뀔 때 호출되는 콜백 |
| size | "sm" | "md" | "lg" | "md" | 트랙과 천체 크기 프리셋 |
| disabled | boolean | false | 비활성화 여부 (클릭/키보드 토글 차단) |
| label | string | "낮과 밤 전환" | 스크린리더용 aria-label 텍스트 |
| className | string | "" | 루트 버튼에 덧붙일 추가 CSS 클래스 |