LifeDS

Components

Component

Context Menu

Displays a menu to the user — such as a right-click menu — triggered by a button or a context menu event (right-click).

ContextMenuTriggerright-click target area
ContextMenuCheckboxItemtoggleable options
ContextMenuRadioGroup / ContextMenuRadioItemsingle-select options
ContextMenuSubnested submenu

Basic — right-click the area

Right click here

Submenu

Right click here

Shortcuts

Right click here

Groups — labeled sections

Right click here

Icons

Right click here

Checkboxes

Right click here

Radio group

Right click here

Destructive variant

Right click here

Submenu placement — sides

top
right
bottom
left

RTL support

انقر بزر الماوس الأيمن هنا

Tokens used

7 semantic tokens consumed by this component.

--popoverPopover
bg-popover
--popover-foregroundPopover Foreground
text-popover-foreground
--accentAccent
bg-accenttext-accentborder-accent
--accent-foregroundAccent Foreground
text-accent-foreground
--destructiveDestructive
bg-destructivetext-destructiveborder-destructivering-destructive
--borderBorder
border-borderborder
--muted-foregroundMuted Foreground
text-muted-foreground