Pagination

Le composant pagination permet à l'utilisateur de naviguer efficacement losque les résultats visualisés sont nombreux et séparés en plusieurs pages.

Pagination

Aperçu

Mode responsive

                                                <nav class="pagination is-rounded is-centered" role="navigation" aria-label="pagination">
                        <a class="pagination-previous" aria-label="Précédent"><i class="tri-arrow-left-r" aria-hidden="true"></i></a>
                        <ul class="pagination-list">
                            <li><span class="pagination-ellipsis">…</span></li>
                            <li><a class="pagination-link" aria-label="Aller à la page 45">45</a></li>
                            <li><a class="pagination-link is-current" aria-label="Aller à la page 46" aria-current="page">46</a></li>
                            <li><a class="pagination-link" aria-label="Aller à la page 47">47</a></li>
                            <li><a class="pagination-link" aria-label="Aller à la page 48">48</a></li>
                            <li><a class="pagination-link" aria-label="Aller à la page 49">49</a></li>
                            <li><span class="pagination-ellipsis">…</span></li>
                        </ul>
                        <a class="pagination-next" aria-label="Suivant"><i class="tri-arrow-right-r" aria-hidden="true"></i></a>
                    </nav>