Components
Loading preview...
A circular visual for conveying a percentage.
@shugar
npx shadcn@latest add https://21st.dev/r/shugar/gauge-1import { Gauge } from "@/components/ui/gauge-1";
export default function DefaultColorScaleDemo() {
return (
<div className="flex gap-8 items-center justify-center mt-2">
<Gauge value={14} />
<Gauge value={34} />
<Gauge value={68} />
</div>
);
}