Tooltip - Bootstrap-Vue

https://bootstrap-vue.github.io/docs/components/tooltips

by Evgeniy Lukovsky

HTML

<link rel="stylesheet" href="//unpkg.com/bootstrap@next/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="//unpkg.com/tether@latest/dist/css/tether.min.css">
<link rel="stylesheet" href="//unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.css">
<script src="//unpkg.com/vue@latest/dist/vue.min.js"></script>
<script src="//unpkg.com/tether@latest/dist/js/tether.min.js"></script>
<script src="//unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.js"></script>
<div id="app" class="text-center">
  <br><br>
  <b-btn v-b-tooltip.hover.ds500.html="TEST!!!" variant="outline-success">Live chat</b-btn>
<!--   <b-tooltip content="Online!" show>
    
  </b-tooltip> -->
</div>

CSS

#app {
  padding: 20px;
  height: 350px;
}
.tooltip-inner {
  background-color: #44f;
}

JavaScript

new Vue({
  el: '#app'
})