Viewing file:  index.html (6.58 KB) -rw-r--r--
Select action/file-type:
 (+) | (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
---
layout: landing
---
{{ site.title }}
{{ site.description | markdownify }}
Learn More
Easily position tooltips, popovers or anything
with just a line of code!
Trust us, managing poppers can be a pain, we have learned it the hard way!
For this reason we have created Popper.js, your new best friend.
Popper.js is just ~6KB minified and gzpipped, zero dependencies.
Its code base is in ES6 and is automatically tested against several browsers.
If this is not enough, it plays super nicely with
React, AngularJS and more!
{% include example10.html %}
{% include example10-code.html %}
{% include example20.html %}
{% include example20-code.html %}
{% include example30.html %}
{% include example30-code.html %}
{% include example40.html %}
{% include example40-code.html %}
{% include example50.html %}
{% include example50-code.html %}
Features
We know, every popper has its own story. You must be able to fully customize
its behavior with ease. We have prepared a set of awesome options to satisfy your needs!
But they will never be enough, for this reason, Popper.js supports plugins (we call them "Modifiers")
-
Placements
You decide where the popper will stay, choose between the four sides of your
reference element and shift it on the start or at the end of it.
-
Custom Boundaries
We don't want your poppers to get lost. Give them some boundaries to make sure
they will stay within them.
-
Flip and Move
What if your popper hits walls? Will it act like a ghost, passing through it,
or will it change side of its reference element? It's up to you.
-
Arrows
Poppers have arrows, usually.
We take care of them making sure they stay in the right place: between popper
and reference element.
-
Fixed or Absolute?
We automatically detect when your popper should be absolutely positioned or
fixed. Don't worry about that!
-
Blazing fast!
No lag, period. Each position update takes almost no time to
refresh your poppers. No compromises.
-
Offsets
When you need surgical precision about the position of your popper,
set an offset to it to shift it by the given amount of pixels.
-
Modifiers
Our plugin system allows you to add any kind of feature to Popper.js.
Most of the built-in behaviors are written as modifiers!
|