UILab

Context Menu

Displays a menu of actions triggered by a right click.

Usage

import {
  ContextMenu,
  ContextMenuContent,
  ContextMenuItem,
  ContextMenuTrigger,
} from "uilab-core"
<ContextMenu>
  <ContextMenuTrigger>Right click here</ContextMenuTrigger>
  <ContextMenuContent>
    <ContextMenuItem>Profile</ContextMenuItem>
    <ContextMenuItem>Billing</ContextMenuItem>
    <ContextMenuItem>Team</ContextMenuItem>
    <ContextMenuItem>Subscription</ContextMenuItem>
  </ContextMenuContent>
</ContextMenu>

Examples

Use ContextMenuSub to nest secondary actions.

Icons

Combine icons with labels for quick scanning.

Groups

Group related actions and separate them with dividers.

Checkboxes

Use ContextMenuCheckboxItem for toggles.

Radios

Use ContextMenuRadioItem for exclusive choices.

On this page