popover-element

    0.0.1 • Public • Published

    Build Status npm version Bower version

    Tooltip

    Create simple or advanced, high performant Tooltips with minimal javascript and markup. This library is built using native vanilla javascript which means super fast performance. Supports IE10+, all major browsers and even mobile.

    Usage

    Create your Tooltip html:

    <div class="my-tooltip">My Tooltip Content</div>
    <button class="my-tooltip-toggle-btn">Toggle</button>

    The add your css:

     
    .my-tooltip {
        display: none;
    }
     
    .my-tooltip-active {
        display: block;
    }

    Then activate your tooltip with the following:

    var tooltip = new Tooltip({
        el: document.body.querySelector('.my-tooltip'),
        activeClass: 'my-tooltip-active',
        triggerClass: 'my-tooltip-toggle-btn'
    });
     
    tooltip.show(); // show the tooltip
    tooltip.hide(); // hide the tooltip

    Install

    npm i popover-element

    DownloadsWeekly Downloads

    0

    Version

    0.0.1

    License

    MIT

    Unpacked Size

    716 kB

    Total Files

    5

    Last publish

    Collaborators

    • mkay581