Function: DropdownMenu()

function DropdownMenu(props: UiDropdownMenuProps): Block;

Defined in: src/renderer/blocks/index.ts:1582

Experimental

DropdownMenu — context menu anchored to a trigger, with default, checkbox, radio, sub-menu, label, and separator item types.

Parameters

Parameter	Type
props	UiDropdownMenuProps

Returns

Block

Example

DropdownMenu({
  trigger: 'Actions',
  groups: [
    {
      key: 'safe',
      items: [
        {key: 'edit', label: 'Edit', onClick: () => console.log('edit')},
        {key: 'duplicate', label: 'Duplicate', onClick: () => console.log('duplicate')},
      ],
    },
    {
      key: 'destructive',
      items: [{key: 'delete', label: 'Delete', onClick: () => console.log('delete')}],
    },
  ],
});