Custom Tooltip & Popover Component – Postel

Description:

Postel is a feature-rich React component to create customizable tooltips, popovers, dropdowns, flyovers, menus on the app.

Features:

• Automatic or manual position.
• Custom trigger event.
• Custom title.
• Custom show/hide animations.

Install & Import:

# NPM
$ npm i postel --save

import postel from "postel";

Basic Usage:

<Postel
  title="Toggle menu"
  content={
    <div className="tooltip">
      Tooltip content
    </div>
  }
  caret={
    <div className="caret" />
  }
}}>
  <button className="button">Trigger</button>
</Postel>

Previews: