컴포넌트
Rating Input
별점 위를 지나면 채움을 미리보고 클릭으로 확정하며, 선택 시 민트빛 스파클과 감성 캡션이 함께 표시되는 별점 입력 컴포넌트. allowHalf를 켜면 별의 좌/우 절반 판정으로 반별(0.5) 단위 입력이 가능하다.
- 분류
- 컴포넌트
- 난이도
- medium
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/RatingInput-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| defaultValue | number | 0 | 비제어 모드의 초기 별점 값 (0 ~ count). |
| count | number | 5 | 표시할 별의 개수. |
| allowHalf | boolean | false | 반별(0.5) 단위 입력 허용 여부. 포인터 좌/우 절반으로 판정. |
| size | number | 40 | 별 하나의 크기(px). 간격/캡션 크기가 이 값에 비례. |
| showCaption | boolean | true | 현재 값에 대응하는 감성 캡션과 점수 표시 여부. |
| readOnly | boolean | false | 표시 전용 모드. 호버/클릭 입력을 막고 값만 보여줌. |