Tooltip

Start using Fire UI tooltip plugin to display some information about an element when user hovers a mouse pointer over and enhance your UI with Fire-UI's tooltip! To use only Fire UI tooltip feature, copy and paste this stylesheet link into your head element to load Fire UI tooltip CSS.

<link rel="stylesheet" href="https://unpkg.com/@fire-ui/fire-ui@0.1.1/src/feature/Tooltip/tooltip.css">

Example

<div class="tooltip">
    Hover On Me
    <span class="tooltip-data">Hello World</span>
</div>

Tooltip Variation

Fire-UI also brings tooltip in variation of types, such as :

Pop Right (Default)
Pop Left
Pop Top
Pop Down

<div class="tooltip">Pop Right (Default)
    <span class="tooltip-data">I am a tooltip</span>
</div>

<div class="tooltip">Pop Left
    <span class="tooltip-data tooltip-left">I am a tooltip</span>
</div>

<div class="tooltip">Pop Top
    <span class="tooltip-data tooltip-top">I am a tooltip</span>
</div>

<div class="tooltip">Pop Bottom
    <span class="tooltip-data tooltip-bottom">I am a tooltip</span>
</div>