Pages

Un composant de pagination ISLE qui permet à l'utilisateur de se déplacer dans une séquence de pages.

Options

• activePage | number: page active. Default: 1.
• disabled | boolean: contrôle si la barre de navigation est active ou non. Default: false.
• title | (string|node): titre affiché du conteneur de pages. Default: ''.
• pagination | string: s'il faut indiquer la pagination soit sur le top, soit sur le bottom, soit sur les both. Default: 'top'.
• size | string: la taille des boutons de pagination (soit default, lg ou sm). Default: 'default'.
• height | (number|string): la hauteur maximale du conteneur. Si une page intégrée est plus haute, une barre de défilement verticale est ajoutée. Default: none.
• style | object: Styles CSS en ligne. Default: {}.
• onSelect | function: Fonction invoquée lorsque le changement actif est modifié. Reçoit le nouvel index de la page active comme seul paramètre. Default: onSelect() {}.

Exemples

• Minimal
• Custom Pagination
• With CSS

Éditeur en direct

<Pages title="Pages" > <div> <h1>First Page</h1> </div> <div> <h1>Second Page</h1> </div> <div> <h1>Third Page</h1> </div> </Pages>

<Pages title="Pages" >
    <div>
        <h1>First Page</h1>
    </div>
    <div>
        <h1>Second Page</h1>
    </div>
    <div>
        <h1>Third Page</h1>
    </div>
</Pages>

Résultat

ReferenceError: Provider is not defined