Popover

Ejemplo básico de popover demostrando el comportamiento principal.

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

Ejemplos

import * as Popover from "@solidiom/popover"

;<Popover.Root>Contenido de Popover</Popover.Root>

Ver código fuente

        export function PopoverExample(props: PopoverExampleProps) {
  const copy = () => COPY[props.locale]

  return (
    <div ref={(el) => el.setAttribute("data-hydrated", "true")} class="popover-example">
      <Popover.Root>
        <Popover.Trigger>{copy().trigger}</Popover.Trigger>
        <Popover.Content>
          <p>{copy().content}</p>
          <Popover.Close>×</Popover.Close>
        </Popover.Content>
      </Popover.Root>
    </div>
  )
}