<a
  href="javascript:void(0)"
  class="btn btn--secondary"
  data-bs-toggle="tooltip"
  data-bs-placement="top"
  title="Tooltip on top"
>
  Tooltip on top
</a>

<a
  href="javascript:void(0)"
  class="btn btn--secondary"
  data-bs-toggle="tooltip"
  data-bs-placement="right"
  title="Tooltip on right"
>
  Tooltip on right
</a>

<a
  href="javascript:void(0)"
  class="btn btn--secondary"
  data-bs-toggle="tooltip"
  data-bs-placement="bottom"
  title="Tooltip on bottom"
>
  Tooltip on bottom
</a>

<a
  href="javascript:void(0)"
  class="btn btn--secondary"
  data-bs-toggle="tooltip"
  data-bs-placement="left"
  title="Tooltip on left"
>
  Tooltip on left
</a>

<script type="module" src="/dist/js/kampmann.umd.min.js"></script>

{{ page.inlinestyles }}

      

      @import "bootstrap/scss/tooltip.scss";