JSFiddle - React, Tailwind, and code Playground

by nwalters512

HTML

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.3/font/bootstrap-icons.css">
<button id="popover-trigger" class="btn btn-primary" title="Testing">
  <i class="bi bi-plus"></i>
</button>

JavaScript

const trigger = document.querySelector('#popover-trigger');
new window.bootstrap.Popover(trigger);