{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"dropdownmenu-compose","type":"registry:item","title":"DropdownMenu","description":"A Jetpack Compose floating menu that presents temporary actions or choices from a trigger.","files":[{"path":"snippets/dropdownmenu-compose.tsx","content":"import {\n  Host,\n  DropdownMenu,\n  DropdownMenuItem,\n  OutlinedButton,\n  Text,\n  Icon,\n} from \"@expo/ui/jetpack-compose\";\nimport { useState } from \"react\";\n\nconst homeIcon = require(\"./assets/home.xml\");\n\nexport default function BasicDropdownMenuExample() {\n  const [isExpanded, setIsExpanded] = useState(false);\n  return (\n    <Host matchContents>\n      <DropdownMenu expanded={isExpanded} onDismissRequest={() => setIsExpanded(false)}>\n        <DropdownMenu.Trigger>\n          <OutlinedButton onClick={() => setIsExpanded(true)}>\n            <Text>Show menu</Text>\n          </OutlinedButton>\n        </DropdownMenu.Trigger>\n        <DropdownMenu.Items>\n          <DropdownMenuItem\n            onClick={() => {\n              setIsExpanded(false);\n              console.log(\"Home pressed\");\n            }}\n          >\n            <DropdownMenuItem.Text>\n              <Text>Home</Text>\n            </DropdownMenuItem.Text>\n            <DropdownMenuItem.LeadingIcon>\n              <Icon source={homeIcon} size={24} />\n            </DropdownMenuItem.LeadingIcon>\n          </DropdownMenuItem>\n        </DropdownMenu.Items>\n      </DropdownMenu>\n    </Host>\n  );\n}\n","type":"registry:file","target":"~/snippets/dropdownmenu-compose.tsx"}],"author":"expo","dependencies":["@expo/ui"]}