Zostel
Overlays Context Menu

Context Menu

Right-click — or long-press on a phone — for more.

Preview

Right-click here (or long-press)

Usage

tsx
import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuLabel, ContextMenuItem, ContextMenuSeparator } from "zostel-ui";

<ContextMenu>
  <ContextMenuTrigger className="…">Right-click here</ContextMenuTrigger>
  <ContextMenuContent className="w-56">
    <ContextMenuLabel>Zostel Manali</ContextMenuLabel>
    <ContextMenuSeparator />
    <ContextMenuItem>Open</ContextMenuItem>
    <ContextMenuItem>Share</ContextMenuItem>
  </ContextMenuContent>
</ContextMenu>

Parts

ContextMenuTrigger
Type: span
Default: —

The area that opens it.

ContextMenuItem
Type: { onSelect?, disabled?, inset? }
Default: —

One action.

ContextMenuCheckboxItem / RadioItem / Sub…
Type:
Default: —

The same parts as Dropdown Menu.