solid-popper

SolidJS bindings for Popper.js

Usage no npm install needed!

<script type="module">
  import solidPopper from 'https://cdn.skypack.dev/solid-popper';
</script>

README

solid-popper

SolidJS bindings for Popper.js

NPM JavaScript Style GuideOpen in CodeSandbox

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