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

apps/v4/examples/aria/spinner-input-group.tsx

@@ -0,0 +1,33 @@
+import { ArrowUpIcon } from "lucide-react"
+
+import {
+  InputGroup,
+  InputGroupAddon,
+  InputGroupButton,
+  InputGroupInput,
+  InputGroupTextarea,
+} from "@/styles/aria-nova/ui/input-group"
+import { Spinner } from "@/styles/aria-nova/ui/spinner"
+
+export function SpinnerInputGroup() {
+  return (
+    <div className="flex w-full max-w-md flex-col gap-4">
+      <InputGroup>
+        <InputGroupInput placeholder="Send a message..." disabled />
+        <InputGroupAddon align="inline-end">
+          <Spinner />
+        </InputGroupAddon>
+      </InputGroup>
+      <InputGroup>
+        <InputGroupTextarea placeholder="Send a message..." disabled />
+        <InputGroupAddon align="block-end">
+          <Spinner /> Validating...
+          <InputGroupButton className="ml-auto" variant="default">
+            <ArrowUpIcon />
+            <span className="sr-only">Send</span>
+          </InputGroupButton>
+        </InputGroupAddon>
+      </InputGroup>
+    </div>
+  )
+}