Components
Loading preview...
Here is Spinner component
npx shadcn@latest add https://21st.dev/r/shadcn/spinnerimport { Badge } from "@/components/ui/badge"
import { Spinner } from "@/components/ui/spinner"
export default function SpinnerBadge() {
return (
<div className="flex items-center gap-4 [--radius:1.2rem]">
<Badge>
<Spinner />
Syncing
</Badge>
<Badge variant="secondary">
<Spinner />
Updating
</Badge>
<Badge variant="outline">
<Spinner />
Processing
</Badge>
</div>
)
}