@charannsai/fluid-rating

A fluid, animated rating component for React applications.

Installation

npm install @charannsai/fluid-rating

Usage

import { FluidRating } from '@charannsai/fluid-rating';

function App() {
  return (
    <FluidRating 
      maxRating={5}
      initialRating={0}
      size="md"
      isDark={false}
      onChange={(rating) => console.log(rating)}
    />
  );
}

Props

• maxRating?: number - Maximum number of stars (default: 5)
• initialRating?: number - Initial rating value (default: 0)
• size?: 'sm' | 'md' | 'lg' - Size of the stars (default: 'md')
• isDark?: boolean - Dark mode styling (default: false)
• onChange?: (rating: number) => void - Callback when rating changes
• className?: string - Additional CSS classes