star-rating-fractions-ex-02

1"use client";
2 
3import StarRatingFractions from "@/components/commerce-ui/star-rating-fractions";
4 
5export default function StarRating_Fractions_Ex_02() {
6  return (
7    <div className="flex flex-col items-start gap-4">
8      <div className="flex items-center gap-2">
9        <StarRatingFractions value={4.65} readOnly maxStars={5} />
10        <p>(4.65)</p>
11      </div>
12 
13      <div className="flex items-center gap-2">
14        <StarRatingFractions value={3.5} readOnly maxStars={5} />
15        <p>(3.5)</p>
16      </div>
17 
18      <div className="flex items-center gap-2">
19        <StarRatingFractions value={2.35} readOnly maxStars={5} />
20        <p>(2.35)</p>
21      </div>
22    </div>
23  );
24}