컴포넌트
CheckboxFill
체크 시 배경이 코너에서 안쪽으로 번지며 채워지고 그 위로 체크 표시가 그려지는 애니메이션 체크박스.
- 분류
- 컴포넌트
- 난이도
- easy
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/CheckboxFill-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| defaultChecked | boolean | false | 비제어 모드에서의 초기 체크 상태 |
| label | string | undefined | 체크박스 옆에 표시할 라벨 텍스트 |
| size | number | 28 | 박스 한 변 크기(px) |
| fillFrom | string | #C084FC | 채워지는 배경 그라데이션 시작 색 |
| fillTo | string | #EC4899 | 채워지는 배경 그라데이션 끝 색 |
| disabled | boolean | false | 비활성화 여부 |