Skip to main content

Context Menu

Right-click menu portal with themed menu items.

Basic actions

Right-click this area

With separator

Right-click for file menu

Disabled item

Export is disabled in the demo

Destructive only

Right-click for destructive actions

Card surface

Sprint backlog

Right-click the card surface.

Custom aria label

Screen readers use the custom menu label

Animation variants

animationVariant — click each control to compare press feedback.

Right-click — Default
Right-click — None
Right-click — Ripple
Right-click — Scale
Right-click — Sink
Right-click — Lift
Right-click — Pulse
Right-click — Glow

enterAnimationVariant — open and close each panel to compare fluid spring motion (default, spring, zoom) vs legacy ease presets.

Right-click — enter default
Right-click — enter spring
Right-click — enter zoom
Right-click — enter subtle
Right-click — enter fade
Right-click — enter slide-up
Right-click — enter slide-down
Right-click — enter slide-left
Right-click — enter slide-right
Right-click — enter scale
Right-click — enter none

API

PropRequiredTypeDefaultDescription
itemsOptionalContextMenuItem[]Menu actions at cursor.
animationVariantOptionalPressAnimationVariantdefaultPress animation — default, none, ripple, scale, sink, lift, pulse, or glow.
enterAnimationVariantOptionalEnterAnimationVariantdefaultPanel enter/exit — default and spring use fluid spring physics (Animate UI–style); zoom is a stronger pop; subtle keeps legacy ease motion; fade, slide-*, scale, or none.