Dropdown Menu

DropdownMenu displays list menus triggered by button actions.

Usage

DropdownExample.tsx

import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, Button } from '@masumdev/rn-ui';

export function DropdownExample() {
  return (
    <DropdownMenu>
      <DropdownMenuTrigger>
        <Button variant="outline">Options Menu</Button>
      </DropdownMenuTrigger>
      <DropdownMenuContent>
        <DropdownMenuItem onPress={() => console.log('Edit')}>Edit Profile</DropdownMenuItem>
        <DropdownMenuItem onPress={() => console.log('Settings')}>Settings</DropdownMenuItem>
      </DropdownMenuContent>
    </DropdownMenu>
  );
}

Props API

Prop	Type	Default	Description
children	ReactNode	—	Trigger and Content menu items.