2.0.1 • Published 2 months ago
@flexilla/popper v2.0.1
Popper (@flexilla/popper)
An ultra-compact positioning engine designed with inspiration from Nanopop{:target="_blank"}. Much like its counterpart, PopperJS, our library thrives on simplicity and efficiency.
When to opt for @flexilla/popper over PopperJS?
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.
Usage
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