컴포넌트
CheckboxBounce
체크 시 박스가 눌렸다가 탄성 있게 튀어오르며 체크마크가 그려지는 커스텀 체크박스.
- 분류
- 컴포넌트
- 난이도
- easy
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/CheckboxBounce-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| defaultChecked | boolean | false | 비제어 모드에서의 초기 체크 상태. |
| disabled | boolean | false | 비활성화 여부(클릭·키보드 토글 차단). |
| size | number | 28 | 체크박스 한 변의 크기(px). |
| label | string | "동의합니다" | 체크박스 옆에 표시되는 라벨 텍스트(스크린리더 라벨 겸용). |
| bounce | number | 1 | 바운스 강도. 클수록 오버슈트가 커져 더 크게 튐. |