react-ts-rating-star
Version:
React TS Rating Star allows you to create a customizable rating star component with ease.
22 lines (21 loc) • 665 B
TypeScript
export interface RatingStarProps {
numberOfStars?: number;
iconColor?: string;
iconWidth?: string;
iconHeight?: string;
backgroundColor?: string;
averageRating?: number;
iconHoverEffect?: HoverEffect;
onClick?: (rating: number) => unknown;
}
export interface StarProps {
currentStar: number;
isActive: boolean;
iconColor?: string;
iconWidth: string;
iconHeight: string;
fillPercentage: number;
animationClassName: string;
onClick: (starIndex: number) => void;
}
export type HoverEffect = 'none' | 'scaling' | 'twinkling' | 'rotating' | 'animated-scaling' | 'animated-twinkling' | 'animated-rotating';