Context Menu
Displays a menu of actions triggered by a right click.
Right click hereLong press here
import {
ContextMenu,
ContextMenuCheckboxItem,
ContextMenuContent,
ContextMenuGroup,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
Submenu
Use ContextMenuSub to nest secondary actions.
Right click hereLong press here
"use client"
import {
ContextMenu,
ContextMenuContent,Icons
Combine icons with labels for quick scanning.
Right click hereLong press here
"use client"
import {
ContextMenu,
ContextMenuContent,Groups
Group related actions and separate them with dividers.
Right click hereLong press here
"use client"
import {
ContextMenu,
ContextMenuContent,Checkboxes
Use ContextMenuCheckboxItem for toggles.
Right click hereLong press here
"use client"
import {
ContextMenu,
ContextMenuCheckboxItem,Radios
Use ContextMenuRadioItem for exclusive choices.
Right click hereLong press here
"use client"
import * as React from "react"
import {
ContextMenu,