{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "dropdown-12",
  "title": "Sides and alignment",
  "description": "Align start or end and open the menu to the side.",
  "dependencies": [],
  "registryDependencies": [
    "dropdown-menu",
    "button"
  ],
  "files": [
    {
      "path": "registry/patterns/dropdown/dropdown-12.tsx",
      "content": "import { Button } from '@/components/ui/button'\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '@/components/ui/dropdown-menu'\n\nexport function Dropdown12() {\n  return (\n    <div className=\"flex flex-wrap items-center gap-3\">\n      <DropdownMenu>\n        <DropdownMenuTrigger\n          render={\n            <Button variant=\"outline\" size=\"sm\">\n              Align start\n            </Button>\n          }\n        />\n        <DropdownMenuContent align=\"start\" className=\"w-40\">\n          <DropdownMenuItem>Edit</DropdownMenuItem>\n          <DropdownMenuItem>Duplicate</DropdownMenuItem>\n          <DropdownMenuItem>Archive</DropdownMenuItem>\n        </DropdownMenuContent>\n      </DropdownMenu>\n\n      <DropdownMenu>\n        <DropdownMenuTrigger\n          render={\n            <Button variant=\"outline\" size=\"sm\">\n              Align end\n            </Button>\n          }\n        />\n        <DropdownMenuContent align=\"end\" className=\"w-40\">\n          <DropdownMenuItem>Edit</DropdownMenuItem>\n          <DropdownMenuItem>Duplicate</DropdownMenuItem>\n          <DropdownMenuItem>Archive</DropdownMenuItem>\n        </DropdownMenuContent>\n      </DropdownMenu>\n\n      <DropdownMenu>\n        <DropdownMenuTrigger\n          render={\n            <Button variant=\"outline\" size=\"sm\">\n              Side right\n            </Button>\n          }\n        />\n        <DropdownMenuContent side=\"right\" align=\"start\" className=\"w-40\">\n          <DropdownMenuItem>Edit</DropdownMenuItem>\n          <DropdownMenuItem>Duplicate</DropdownMenuItem>\n          <DropdownMenuItem>Archive</DropdownMenuItem>\n        </DropdownMenuContent>\n      </DropdownMenu>\n    </div>\n  )\n}\n",
      "type": "registry:component",
      "target": "components/flx/patterns/dropdown/dropdown-12.tsx"
    }
  ],
  "type": "registry:block"
}