Introducing Shadyx CLI - Effortlessly add ready made UI blocks to your project in seconds

Review Rating

If you want to showcase your good reviews - you can use this component.

Review
Rating
Feedback

3/5

Anurag Singh

Super helpful and well designed. Highly recommended.

Random Guy

Good components and clean UI but Could be more responsive.

Cutie

It works fine but has room for improvement.

Overall satisfaction60 %

Installation

Install Dependencies

npminstalllucide-react

Usage

App.tsx
export default const App = () =>{

const DEMO_REVIEWS = [
  {
    id: "1",
    author: "Anurag Singh",
    rating: 5,
    text: "Super helpful and well designed. Highly recommended.",
  },
  {
    id: "2",
    author: "Random Guy",
    rating: 4,
    text: "Good components and clean UI but Could be more responsive.",
  },
  {
    id: "3",
    author: "Cutie",
    rating: 3,
    text: "It works fine but has room for improvement.",
  },
  {
    id: "4",
    author: "Binod",
    rating: 2,
    text: "Needs better documentation and styling options.",
  },
  {
    id: "5",
    author: "Chota Bheem",
    rating: 1,
    text: "Bas dhikane ke liye 1 star hai.",
  },
];

const AVG_RATING = DEMO_REVIEWS.reduce((acc, r) => acc + r.rating, 0) / DEMO_REVIEWS.length;

return(

    <ReviewRating reviews={DEMO_REVIEWS} rating={AVG_RATING}/>

)}

Install Shadcn UI - Visit Docs