ContextMenu

Wrap any area — right-clicking it opens the menu at the cursor. Items use the same MenuItem shape as Menu.

Right-click here


import { ContextMenu } from '@gg-software/ui';
 
<ContextMenu
    items={[
        { key: 'open', label: 'Open', onClick: () => open(file) },
        { key: 'rename', label: 'Rename', onClick: () => rename(file) },
        { divider: true },
        { key: 'delete', label: 'Delete', danger: true, onClick: () => remove(file) },
    ]}
>
    <FileRow file={file} />
</ContextMenu>;

Props

Prop	Type	Default	Description
`items`*	`MenuItem[]`	—
`children`*	`ReactNode`	—	content rendered inside the component
`className`	`string`	—

* required · generated from packages/ui/src/navigation/ContextMenu/ContextMenu.tsx