+
Skip to content

unoforge/flexipop

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Flexipop

An ultra-compact positioning engine inspired by Nanopop, but we decided to create our own solution. The main reason? We wanted something tailored specifically to our library's needs, while also taking the opportunity to learn new techniques and improve our problem-solving skills.

This library thrives on simplicity and efficiency.

Important

This package is a part of the flexilla library's ecosystem.

When to opt for FLEXIPOP over PopperJS?

If you are considering flexipop over PopperJS, it's likely due to similar reasons as Nanopop.

Choose FLEXIPOP for a small, powerful, and efficient positioning solution.

Usage

Installation

npm i flexipop

Usage

import { CreatePopper } from 'flexipop'

new CreatePopper(
    referenceElement,//HTMLElement
    popperElement,//HTMLElement
    {
    //   options here
    }
  )

HTML Markup

<div data-reference-el></div>
<div data-popper-el>Left-start</div>

CSS

⚠ The popperElement must have set position to fixed.

[data-popper-el] {
    position: fixed;
    left    : var(--fx-popper-placement-x, 0px);
    top     : var(--fx-popper-placement-y, 0px);
}

About

An ultra-compact positioning engine

Topics

Resources

Stars

Watchers

Forks

Contributors 2

  •  
  •  
点击 这是indexloc提供的php浏览器服务,不要输入任何密码和下载