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

apps/v4/registry/new-york-v4/examples/input-group-spinner.tsx

@@ -0,0 +1,46 @@
+import { LoaderIcon } from "lucide-react"
+
+import {
+  InputGroup,
+  InputGroupAddon,
+  InputGroupInput,
+  InputGroupText,
+} from "@/registry/new-york-v4/ui/input-group"
+import { Spinner } from "@/registry/new-york-v4/ui/spinner"
+
+export default function InputGroupSpinner() {
+  return (
+    <div className="grid w-full max-w-sm gap-4">
+      <InputGroup data-disabled>
+        <InputGroupInput placeholder="Searching..." disabled />
+        <InputGroupAddon align="inline-end">
+          <Spinner />
+        </InputGroupAddon>
+      </InputGroup>
+      <InputGroup data-disabled>
+        <InputGroupInput placeholder="Processing..." disabled />
+        <InputGroupAddon>
+          <Spinner />
+        </InputGroupAddon>
+      </InputGroup>
+      <InputGroup data-disabled>
+        <InputGroupInput placeholder="Saving changes..." disabled />
+        <InputGroupAddon align="inline-end">
+          <InputGroupText>Saving...</InputGroupText>
+          <Spinner />
+        </InputGroupAddon>
+      </InputGroup>
+      <InputGroup data-disabled>
+        <InputGroupInput placeholder="Refreshing data..." disabled />
+        <InputGroupAddon>
+          <LoaderIcon className="animate-spin" />
+        </InputGroupAddon>
+        <InputGroupAddon align="inline-end">
+          <InputGroupText className="text-muted-foreground">
+            Please wait...
+          </InputGroupText>
+        </InputGroupAddon>
+      </InputGroup>
+    </div>
+  )
+}