Components
Loading preview...
Here is Rating badge comonent
@untitledui
npx shadcn@latest add https://21st.dev/r/untitledui/rating-badge"use client";
import React from "react";
import { RatingStars } from "@/components/ui/rating-badge"; // adjust path to where you saved it
export default function RatingStarsDemo() {
return (
<div className="flex flex-col items-center gap-4 p-8">
<h2 className="text-lg font-semibold">Default 5-Star Rating</h2>
<RatingStars rating={4.3} />
<h2 className="text-lg font-semibold">Custom Stars & Styling</h2>
<RatingStars
rating={7.5}
stars={10}
starClassName="text-yellow-400 size-6"
className="gap-1"
/>
</div>
);
}