Rating Component Showcase

Introduction

The Rating component allows users to rate items using icons like stars, hearts, or circles. Below are examples demonstrating various styles and configurations.

Usage Examples

Star Rating

<Rating maxRating={5} initialRating={3} icon={<FaStar />} color="text-yellow-500" />

Heart Rating

<Rating maxRating={5} initialRating={4} icon={<FaHeart />} color="text-red-500" />

Circle Rating

<Rating maxRating={5} initialRating={2} icon={<FaCircle />} color="text-blue-500" />

Custom Colors Rating

<Rating maxRating={7} initialRating={5} icon={<FaStar />} color="text-green-500" />