====== Popovers ======

Doc: [[https://getbootstrap.com/docs/5.0/components/popovers/]]

Un bouton qui affiche un formulaire dans un popover lorsqu'on clique dessus :

{{:html_css:bootstrap5:screenshot_2023-07-27_154305.png|}}

<code html>
<button id="searchButton" class="btn btn-primary">Rechercher</button>

<div class="invisible">
    <div id="searchForm">
        <form>
            ...
            champs du formulaire
            ...
        </form>
    </div>
</div>

<script>
new bootstrap.Popover(
    document.getElementById('searchButton'),
    {
        placement: "bottom",
        html : true,
        trigger: "focus",
        title: "Rechercher",
        content: document.getElementById('searchForm')
    }
);
</script>
</code>