snapshot of https://github.com/shadcn-ui/ui.git (main, 2026-09-15; blobs > 131072B omitted)

apps/v4/examples/radix/spinner-badge.tsx

@@ -0,0 +1,21 @@
+import { Badge } from "@/styles/radix-nova/ui/badge"
+import { Spinner } from "@/styles/radix-nova/ui/spinner"
+
+export function SpinnerBadge() {
+  return (
+    <div className="flex items-center gap-4 [--radius:1.2rem]">
+      <Badge>
+        <Spinner data-icon="inline-start" />
+        Syncing
+      </Badge>
+      <Badge variant="secondary">
+        <Spinner data-icon="inline-start" />
+        Updating
+      </Badge>
+      <Badge variant="outline">
+        <Spinner data-icon="inline-start" />
+        Processing
+      </Badge>
+    </div>
+  )
+}