An ultra-compact positioning engine designed with inspiration from Nanopop{:target="_blank"}. Much like its counterpart, PopperJS, our library thrives on simplicity and efficiency.
If you are considering @flexilla/popper
over PopperJS
, it's likely due to similar reasons as Nanopop. However, Nanopop fell short in enabling certain functionalities we desired. This led to the creation of our package to address those specific needs.
Choose @flexilla/popper
for a small, powerful, and efficient positioning solution.
Note:
@flexilla/popper
is a part of theflexilla
library's ecosystem.
Installation
npm i @flexilla/popper
Usage
import { CreatePopper } from '@flexilla/popper'
import "@flexilla/popper/popper.css"
new CreatePopper(
referenceElement,//HTMLElement
popperElement,//HTMLElement
{
// options here
}
)
Note: The popper Element must have
data-fx-popper
attribute, the parent container must be have position set to relative