Popovers

Date:17.06.2021 6.17am

Popovers

How To Use

Basic Use HTML
<button class="btn btn-primary" data-bs-toggle="popover" data-placement="top" data-trigger="focus" title="Popover title" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">Popover top</button>
Enable Popovers everywhere
var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'));
var popoverList = popoverTriggerList.map(function(popoverTriggerEl){
    return new bootstrap.Popover(popoverTriggerEl)
});

For more Information please follow the Official Documentation