Skip to Content
컴포넌트Star Rating

Star Rating

별점 평가 컴포넌트입니다. 읽기 전용/인터랙티브 모드를 지원합니다.

Import

import { StarRating } from '@choblue/ui/star-rating'

읽기 전용

★★★★★★★★★★★★★★★
<StarRating value={3} readOnly size="sm" />
<StarRating value={4} readOnly size="md" />
<StarRating value={5} readOnly size="lg" />

인터랙티브

별을 클릭해보세요:

클릭하여 평가
const [rating, setRating] = useState(0)
 
<StarRating value={rating} onChange={setRating} size="lg" />

Props

Prop타입기본값설명
valuenumber-현재 별점 (필수)
maxnumber5최대 별 개수
readOnlybooleanfalse읽기 전용 모드
onChange(value: number) => void-값 변경 핸들러 (readOnly=false 시 필수)
size'sm' | 'md' | 'lg''md'별 크기
Last updated on
Toast