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 DefaultDemo() {
return (
<div className="flex gap-8 items-center justify-center">
<Gauge value={50} size="tiny" />
<Gauge value={50} size="small" />
<Gauge value={50} size="medium" />
<Gauge value={50} size="large" />
</div>
);
}