ungleich-staticcms/assets/u/static/popper.js-1.16.0/docs/tooltip-examples.html

59 lines
1.8 KiB
HTML
Raw Normal View History

---
layout: page-nowrap
title: Tooltip.js
description: Dead simple tooltips, powered by Popper.js
---
<section class="wrapper style5">
<div class="inner">
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CKYIE2QW&placement=fezvrastagithubiopopperjs" id="_carbonads_js"></script>
<h2>Tooltip.js</h2>
<p>
Since Popper.js is an engine, we wanted to provide a library that shows you how
you can use it in the real world.
</p>
<p>
Tooltip.js can create, show, hide and toggle tooltips. Its API is almost identical
to the one used by Bootstrap for their tooltips, if you know Bootstrap, you already
know Tooltip.js!
</p>
</div>
</section>
<section id="examples" class="wrapper style2 alt">
<section class="spotlight half-height">
<div class="example">
{% include example10t.html %}
</div>
<div class="content">
{% include example10t-code.html %}
</div>
</section>
<section class="spotlight half-height">
<div class="example">
{% include example20t.html %}
</div>
<div class="content">
{% include example20t-code.html %}
</div>
</section>
</section>
<!-- CTA -->
<section id="cta" class="wrapper style5">
<div class="inner">
<header>
<h2>Ready to start?</h2>
<p>Visit our GitHub page to know how to get Tooltip.js and to learn more about it.</p>
</header>
<ul class="actions vertical">
<li><a href="https://github.com/FezVrasta/popper.js" class="button fit special">GitHub</a></li>
<li><a href="tooltip-documentation.html" class="button fit">Documentation</a></li>
</ul>
</div>
</section>