Context Menu

Ejemplo básico de context menu demostrando el comportamiento principal.

Paquete: @solidiom/context-menu
Versión: 0.0.1-next.0
Estado: stable

Ejemplos

import * as ContextMenu from "@solidiom/context-menu"

;<ContextMenu.Root>Contenido de Context Menu</ContextMenu.Root>

Ver código fuente

        export function Root(props: ContextMenuRootProps) {
  const baseId = createStableId("context-menu")
  const [open, setOpen] = createSignal(false)

  const collection = createCollection()
  const rovingFocus = createRovingFocus()
  const typeahead = createTypeahead({
    onMatch: (item) => {
      rovingFocus.setActiveId(item.id)
    },
  })

  const ctx: ContextMenuContextValue = {
    open,
    setOpen,
    collection,
    rovingFocus,
    typeahead,
    triggerId: `${baseId}-trigger`,
    contentId: `${baseId}-content`,
  }

  return <ContextMenuContext value={ctx}>{props.children}</ContextMenuContext>
}