Context Menu

A context menu component that listens for right-click events on its content and displays a floating menu at the cursor's position. It uses the Popout component which does not come with any default styles.

Plese note: components using popout (Tooltip, Dropdown & Popout) cannot be styled using scoped CSS in Vue SFC. However, you can just define a new <style> tag, style the popout inside and keep rest of your CSS scoped in a separate <style scoped>.

Source

Right click anywhere

Right click anywhere on this card to open a context menu with a set of actions. You can close it by clicking outside or by pressing the Escape key.

Slots

NameAcceptsDescription
defaultanyThe content area that listens for right-click events
menuanyThe content rendered inside the floating context menu popout