---
import { Rating } from "@/components/ui/rating"
---
<div class="flex flex-col gap-4">
<Rating value={5} />
<Rating value={4} />
<Rating value={3.5} />
<Rating value={2} />
</div>Installation
npx shadcn@latest add @fulldev/ratingUsage
import { Rating } from "@/components/ui/rating"<Rating value={4.5} />Rating defaults to 5 when no value is provided.
Examples
---
import { Rating } from "@/components/ui/rating"
---
<div class="flex flex-col gap-4">
<Rating value={5} />
<Rating value={3.5} />
<Rating value={1} />
<Rating />
</div>API Reference
See the GitHub source code for more information on props.