solid-popper

solid-popper

SolidJS bindings for Popper.js

Install

yarn add @popperjs/core solid-popper

Usage

import { createSignal } from 'solid-js';
import usePopper from 'solid-popper';

function Component() {
  const [anchor, setAnchor] = createSignal();
  const [popper, setPopper] = createSignal();

  usePopper(anchor, popper, {
    placement: 'auto',
  });

  return (
    <>
      <button ref={setAnchor} type="button">Example</button>
      <div ref={setPopper}>This is a tooltip.</div>
    </>
  );
}

License

MIT © lxsmnsyc