Lexicon v1.0.32

Popovers and Tooltips

Tooltips Default

Tooltip on the right
Tooltip on the left
Tooltip on bottom
Tooltip on top
<div class="tooltip right in">
    <div class="tooltip-arrow"></div>
    <div class="tooltip-inner">
        <div>Tooltip</div>
    </div>
</div>

<div class="tooltip left in">
    <div class="tooltip-arrow"></div>
    <div class="tooltip-inner">
        <div>Tooltip</div>
    </div>
</div>

<div class="tooltip bottom in">
    <div class="tooltip-arrow"></div>
    <div class="tooltip-inner">
        <div>Tooltip</div>
    </div>
</div>

<div class="tooltip top in">
    <div class="tooltip-arrow"></div>
    <div class="tooltip-inner">
        <div>Tooltip</div>
    </div>
</div>

Popovers Default

Popovers

Popover top

Cup lungo, spoon coffee affogato, brewed extraction skinny percolator blue mountain.

Popover right

Viennese flavour cup eu, percolator froth ristretto mazagran caffeine. White roast seasonal, mocha trifecta, dripper caffeine spoon acerbic to go macchiato strong.

Popover bottom

Single shot, café au lait aromatic body robusta body cream mocha viennese steamed aged. Irish roast, aromatic seasonal, caramelization grinder french press coffee cortado lungo skinny.

Popover left

Dark to go foam froth fair trade irish latte dark carajillo. Turkish aromatic a, rich single origin kopi-luwak chicory carajillo.
<div class="popover top">
    <div class="arrow"></div>
    <h3 class="popover-title">Popover top</h3>
    <div class="popover-content">
        <div>Cup lungo, spoon coffee affogato, brewed extraction skinny percolator blue mountain.</div>
    </div>
</div>

<div class="popover right">
    <div class="arrow"></div>
    <h3 class="popover-title">Popover right</h3>
    <div class="popover-content">
        <div> Viennese flavour cup eu, percolator froth ristretto mazagran caffeine. White roast seasonal, mocha trifecta, dripper caffeine spoon acerbic to go macchiato strong.</div>
    </div>
</div>

<div class="popover bottom">
    <div class="arrow"></div>
    <h3 class="popover-title">Popover bottom</h3>
    <div class="popover-content">
        <div>Single shot, café au lait aromatic body robusta body cream mocha viennese steamed aged. Irish roast, aromatic seasonal, caramelization grinder french press coffee cortado lungo skinny.</div>
    </div>
</div>

<div class="popover left">
    <div class="arrow"></div>
    <h3 class="popover-title">Popover left</h3>
    <div class="popover-content">
        <div>Dark to go foam froth fair trade irish latte dark carajillo. Turkish aromatic a, rich single origin kopi-luwak chicory carajillo.</div>
    </div>
</div>