{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "input-10",
  "title": "With dropdown menu",
  "description": "Trailing addon button opens a menu to choose search scope.",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "input-group",
    "button",
    "dropdown-menu"
  ],
  "files": [
    {
      "path": "registry/patterns/input/input-10.tsx",
      "content": "import { ChevronDownIcon } from 'lucide-react'\n\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '@/components/ui/dropdown-menu'\nimport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupInput,\n} from '@/components/ui/input-group'\n\nexport function Input10() {\n  return (\n    <InputGroup className=\"max-w-sm\">\n      <InputGroupInput placeholder=\"Search...\" />\n      <InputGroupAddon align=\"inline-end\">\n        <DropdownMenu>\n          <DropdownMenuTrigger\n            render={\n              <InputGroupButton variant=\"ghost\" className=\"text-xs\">\n                Search in\n                <ChevronDownIcon className=\"size-3\" />\n              </InputGroupButton>\n            }\n          />\n          <DropdownMenuContent align=\"end\">\n            <DropdownMenuGroup>\n              <DropdownMenuItem>Documentation</DropdownMenuItem>\n              <DropdownMenuItem>Blog posts</DropdownMenuItem>\n              <DropdownMenuItem>Changelog</DropdownMenuItem>\n            </DropdownMenuGroup>\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </InputGroupAddon>\n    </InputGroup>\n  )\n}\n",
      "type": "registry:component",
      "target": "components/flx/patterns/input/input-10.tsx"
    }
  ],
  "type": "registry:block"
}