Tooltip

Tooltip Demo

Usage

HTML

<div class="tooltip-green" data-tip="@elonehoo/ui">
  <button class="btn-green">
    Tooltip
  </button>
</div>

JSX

<div className="tooltip-green" data-tip="@elonehoo/ui">
  <button className="btn-green">
    Tooltip
  </button>
</div>

Rules

/^tooltip-((?:left|bottom|right))-((rose|pink|fuchsia|purple|violet|indigo|blue|sky|cyan|teal|emerald|green|lime|yellow|amber|orange|red|gray|slate|zinc|neutral|stone|light|dark|lightblue|warmgray|truegray|coolgray|bluegray))$/