Rating

npm install @kuzenbo/core

import { Rating } from "@kuzenbo/core";
import { useState } from "react";

function Example() {
  const [rating, setRating] = useState(3.5);

  return (
    <Rating
      rating={rating}
      onRatingChange={setRating}
      editable
      showValue
    />
  );
}

<Rating rating={4} />

const [rating, setRating] = useState(0);

<Rating
  rating={rating}
  onRatingChange={setRating}
  editable
/>

<Rating rating={4.5} showValue />

<Rating rating={7} maxRating={10} showValue />

<div className="space-y-4">
  <Rating rating={4} size="xs" />
  <Rating rating={4} size="sm" />
  <Rating rating={4} size="md" />
  <Rating rating={4} size="lg" />
  <Rating rating={4} size="xl" />
</div>

<Rating rating={3.5} showValue />

function ProductRating() {
  return (
    <div className="flex items-center gap-2">
      <Rating rating={4.3} />
      <span className="text-sm text-muted-foreground">
        (128 reviews)
      </span>
    </div>
  );
}