fafaz-popover

javascript library

Usage no npm install needed!

<script type="module">
  import fafazPopover from 'https://cdn.skypack.dev/fafaz-popover';
</script>

README

fafaz-Popover

fafaz-Tab is a lightweight Popover plugin (4.56KB minified / 1.79KB gzipped)



Instructions

common

<body>
    <button class="trigger" data-layer-id="content">Click!</button>
    <div id="contents" class="fz-popover">Contents</div>
</body>

basic usage

<body>
  .
  .
  .

    <script src="path/Popover.min.js"></script>
    <script>
        var myPopover = new fafaz.Popover.default('.trigger');
    </script>
</body>

package manager + babel compiler

npm install --save fafaz-popover or yarn add fafaz-popover

import Popover from 'fafaz-popover';

const myPopover = new Popover('.trigger');



Options

var myPopover = new fafaz.Popover('.trigger', {
    gutter: 10,
    alignment: 'left'
});



Dependencies

delegate https://github.com/zenorocha/delegate



License

MIT