Popover

Basic popover example demonstrating core behavior.

Package: @solidiom/popover
Version: 0.0.1-next.0
Status: stable

Examples

import * as Popover from "@solidiom/popover"

;<Popover.Root>Popover content</Popover.Root>

View source

        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>
  )
}