# Tooltip

Hover this element to show the tooltip:

<button data-tooltip="This is a great tooltip" class="tooltip-top">
  Hover for tooltip
</button>



## Installation

Include it by adding `+tooltip` to your current installation:

    http://www.picnicss.com/nut/picnic_3+tooltip.min.css



## Positions

<button data-tooltip="This is a great tooltip" class="tooltip-left">
  Left
</button>
<button data-tooltip="This is a great tooltip">
  Bottom (default)
</button>
<button data-tooltip="This is a great tooltip" class="tooltip-top">
  Top
</button>
<button data-tooltip="This is a great tooltip" class="tooltip-right">
  Right
</button>


    <button data-tooltip="This is a great tooltip" class="tooltip-left">
      Left
    </button>
    <button data-tooltip="This is a great tooltip">
      Bottom (default)
    </button>
    <button data-tooltip="This is a great tooltip" class="tooltip-top">
      Top
    </button>
    <button data-tooltip="This is a great tooltip" class="tooltip-right">
      Right
    </button>