vmk-ui-kit/demo/partials/tooltips.html at ad569aa0bd2025392198d1b4c782ceb47e837bd5

Fork: 0

root / vmk-ui-kit

Find file

Newer

Older

vmk-ui-kit / demo / partials / tooltips.html

Eugene Sukhodolskiy 1 day ago 1006 bytes Polish triggers, breadcrumbs, drawer, file preview, editable icons, logos

Raw Blame History

<section class="demo-section" aria-labelledby="tooltips-heading">
  <h2 id="tooltips-heading">Tooltips</h2>

  <div class="cluster">
    <span class="tooltip" data-placement="top">
      <button class="tooltip-trigger btn btn-sm btn-secondary" type="button">Top</button>
      <span class="tooltip-content">Tooltip on top</span>
    </span>

    <span class="tooltip" data-placement="bottom">
      <button class="tooltip-trigger btn btn-sm btn-secondary" type="button">Bottom</button>
      <span class="tooltip-content">Tooltip on bottom</span>
    </span>

    <span class="tooltip" data-placement="left">
      <button class="tooltip-trigger btn btn-sm btn-secondary" type="button">Left</button>
      <span class="tooltip-content">Tooltip on left</span>
    </span>

    <span class="tooltip" data-placement="right">
      <button class="tooltip-trigger btn btn-sm btn-secondary" type="button">Right</button>
      <span class="tooltip-content">Tooltip on right</span>
    </span>
  </div>
</section>