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 indeterminate value={25} size="tiny" />
<Gauge indeterminate value={25} size="small" />
<Gauge indeterminate value={25} size="medium" />
<Gauge indeterminate value={25} size="large" />
</div>
);
}