Context Menu

Displays a menu to the user — such as a set of actions or functions — triggered by right-click.

Preview

Installation

npm install @matrix-ui/components

Usage

import {
  ContextMenu,
  ContextMenuContent,
  ContextMenuItem,
  ContextMenuTrigger,
} from '@matrix-ui/components'

<ContextMenu>
  <ContextMenuTrigger>Right click</ContextMenuTrigger>
  <ContextMenuContent>
    <ContextMenuItem>Profile</ContextMenuItem>
    <ContextMenuItem>Billing</ContextMenuItem>
    <ContextMenuItem>Settings</ContextMenuItem>
  </ContextMenuContent>
</ContextMenu>

Examples

With Submenus

With Checkboxes

With Radio Group