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

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

@@ -0,0 +1,57 @@
+"use client"
+
+import { ChevronDownIcon, MoreHorizontal } from "lucide-react"
+
+import {
+  DropdownMenu,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from "@/styles/aria-nova/ui/dropdown-menu"
+import {
+  InputGroup,
+  InputGroupAddon,
+  InputGroupButton,
+  InputGroupInput,
+} from "@/styles/aria-nova/ui/input-group"
+
+export function InputGroupDropdown() {
+  return (
+    <div className="grid w-full max-w-sm gap-4">
+      <InputGroup>
+        <InputGroupInput placeholder="Enter file name" />
+        <InputGroupAddon align="inline-end">
+          <DropdownMenuTrigger>
+            <InputGroupButton variant="ghost" aria-label="More" size="icon-xs">
+              <MoreHorizontal />
+            </InputGroupButton>
+            <DropdownMenu placement="bottom end" offset={8} crossOffset={-4}>
+              <DropdownMenuGroup>
+                <DropdownMenuItem>Settings</DropdownMenuItem>
+                <DropdownMenuItem>Copy path</DropdownMenuItem>
+                <DropdownMenuItem>Open location</DropdownMenuItem>
+              </DropdownMenuGroup>
+            </DropdownMenu>
+          </DropdownMenuTrigger>
+        </InputGroupAddon>
+      </InputGroup>
+      <InputGroup>
+        <InputGroupInput placeholder="Enter search query" />
+        <InputGroupAddon align="inline-end">
+          <DropdownMenuTrigger>
+            <InputGroupButton variant="ghost" className="pr-1.5! text-xs">
+              Search In... <ChevronDownIcon className="size-3" />
+            </InputGroupButton>
+            <DropdownMenu placement="bottom end" offset={8} crossOffset={-4}>
+              <DropdownMenuGroup>
+                <DropdownMenuItem>Documentation</DropdownMenuItem>
+                <DropdownMenuItem>Blog Posts</DropdownMenuItem>
+                <DropdownMenuItem>Changelog</DropdownMenuItem>
+              </DropdownMenuGroup>
+            </DropdownMenu>
+          </DropdownMenuTrigger>
+        </InputGroupAddon>
+      </InputGroup>
+    </div>
+  )
+}