x-context-menu

Context menu for x-popup.

npm i x-context-menu

pnpm add x-context-menu

yarn add x-context-menu

API

# ContextMenuProps

src/x-context-menu.tsx#L36

# Options
src/x-context-menu.tsx#L42
# ({ event })

# props
{

# event

src/x-context-menu.tsx#L42

MouseEvent

}

({ event })  =>

VKid

# anchorDestination

src/x-context-menu.tsx#L37

HTMLElement

# popupDestination

src/x-context-menu.tsx#L38

HTMLElement

# scene

src/x-context-menu.tsx#L40

PopupScene

# sticky

src/x-context-menu.tsx#L41

boolean

# surface

src/x-context-menu.tsx#L39

SurfaceElement

# ContextMenuOption({ action, children, disabled, keyboard })

src/x-context-menu.tsx#L15

{

# action

src/x-context-menu.tsx#L16

# (e)
# e

MouseEvent

(e)  =>

void

# children

src/x-context-menu.tsx#L19

VKid

# disabled

src/x-context-menu.tsx#L17

boolean

# keyboard

src/x-context-menu.tsx#L18

string []

}

ContextMenuOption({ action, children, disabled, keyboard })  =>

VKid

# onContextMenu(ContextMenuProps)

src/x-context-menu.tsx#L45

ContextMenuProps

onContextMenu(ContextMenuProps)  =>

Fn<[ named-tuple-member ], any>

Credits

• relative-mouse by stagas – Get mouse position relative to a DOM element.
• sigl by stagas – Web framework
• x-popup by stagas – Popup Web Component used for tooltips and context menus
• x-surface by stagas – Infinitely pannable and zoomable HTML surface as a Web Component.

Contributing

Fork or edit and submit a PR.

All contributions are welcome!

License

MIT © 2022 stagas