Popups appear over the page: a tooltip on hover, a toast in a corner, a dismissible alert, a modal dialog, or a panel that slides in from an edge. They are JavaScript plugins inside bootstrap.bundle.min.js, so these listings end with the bundle <script> from Starter Template and Reboot. Drive each plugin in one of two ways:
Data attributes. data-bs-toggle="modal" and data-bs-dismiss="toast" wire up clicks with no code.
JavaScript. bootstrap.Modal.getOrCreateInstance(element) returns the instance, with show(), hide() and dispose(). Events come in pairs: show.bs.modal fires before (cancel it with event.preventDefault()) and shown.bs.modal after the CSS transition ends.