JSFiddle - React, Tailwind, and code Playground

by ilyar

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/foundation/5.1.1/js/foundation.min.js"></script>
<link rel="stylesheet" href="http://cdn.jsdelivr.net/foundation/5.1.1/css/foundation.min.css">
$ 17.26 <span data-tooltip class="has-tip" title="Списание с карты происходит в рублях РФ, фактически списанная сумма в валюте вашего счета может незначительно отличаться в зависимости от курса валют, установленного банком-эмитентом карты.">*</span>

JavaScript

$(document).foundation({
  tooltips: {
    selector : '.has-tip',
    additional_inheritable_classes : [],
    tooltip_class : '.tooltip',
    touch_close_text: 'tap to close',
    disable_for_touch: false,
    tip_template : function (selector, content) {
      return '<span data-selector="' + selector + '" class="'
        + Foundation.libs.tooltips.settings.tooltipClass.substring(1)
        + '">' + content + '<span class="nub"></span></span>';
    }
  }
});