Custom Tooltip & Popover Component – Postel

Author:timc1
Views Total:4 views
Official Page:Go to website
Publish Date:July 29, 2020
License:MIT

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:

Custom Tooltip & Popover Component - Postel

You Might Be Interested In:

Leave a Reply