컴포넌트
StarToggle
클릭하면 별 윤곽이 그라데이션으로 채워지고 스프링 팝과 방사형 스파크 버스트가 재생되는 즐겨찾기 토글이다.
- 분류
- 컴포넌트
- 난이도
- easy
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/StarToggle-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| defaultChecked | boolean | false | 비제어 모드의 초기 즐겨찾기 상태. |
| checked | boolean | undefined | 제어 모드로 쓸 때의 현재 상태값(지정 시 제어 컴포넌트). |
| onChange | (checked: boolean) => void | undefined | 토글될 때 다음 상태값을 전달하는 콜백. |
| size | "sm" | "md" | "lg" | "md" | 별 크기 프리셋. |
| disabled | boolean | false | 비활성화 여부(상호작용/애니메이션 차단). |
| label | string | "즐겨찾기" | 스크린리더용 접근성 라벨. |