Components
Context Menu
Displays a menu of actions triggered by a right click.
Right click hereLong press here
Usage
import {
ContextMenu,
ContextMenuContent,
ContextMenuItem,
ContextMenuTrigger,
} from "@tulip-systems/core/components/client";<ContextMenu>
<ContextMenuTrigger>Right click here</ContextMenuTrigger>
<ContextMenuContent>
<ContextMenuItem>Profile</ContextMenuItem>
<ContextMenuItem>Billing</ContextMenuItem>
<ContextMenuItem>Team</ContextMenuItem>
<ContextMenuItem>Subscription</ContextMenuItem>
</ContextMenuContent>
</ContextMenu>Examples
Basic
Right click hereLong press here
Submenu
Use ContextMenuSub to nest secondary actions.
Right click hereLong press here
Shortcuts
Add ContextMenuShortcut to show keyboard hints.
Right click hereLong press here
Groups
Group related actions and separate them with dividers.
Right click hereLong press here
Icons
Combine icons with labels for quick scanning.
Right click hereLong press here
Checkboxes
Use ContextMenuCheckboxItem for toggles.
Right click hereLong press here
Radio
Use ContextMenuRadioItem for exclusive choices.
Right click hereLong press here
Destructive
Use variant="destructive" to style the menu item as destructive.
Right click hereLong press here