Rating Badge

A star rating badge with a numeric value and review text for social proof sections.

4.9from 200+ reviews

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Badge12 } from "@/components/beste/component/badge12";

<Badge12 value={4.9} text="from 200+ reviews" />

<Badge12
  value={5}
  tone="primary"    // "amber" (default) | "primary" | "foreground"
  showValue={false} // stars only
  text="Rated 5 stars on G2"
/>