Pages

Un componente di paginazione ISLE che permette all'utente di scorrere una sequenza di pagine.

Opzioni

• activePage | number: pagina attiva. Default: 1.
• disabled | boolean: controlla se la barra di navigazione è attiva o meno. Default: false.
• title | (string|node): titolo visualizzato del contenitore delle pagine. Default: ''.
• pagination | string: se mostrare la paginazione sia sul "sopra", "sotto" o "entrambi". Default: 'top'.
• size | string: dimensione dei pulsanti di paginazione (sia default, lg, o sm). Default: 'default'.
• height | (number|string): l'altezza massima del contenitore. Se una pagina incorporata è più alta, viene aggiunta una barra di scorrimento verticale. Default: none.
• style | object: Stili in linea CSS. Default: {}.
• onSelect | function: Funzione invocata in caso di modifica della modifica attiva. Riceve il nuovo indice di pagina attivo come unico parametro. Default: onSelect() {}.

Esempi

• Minimal
• Custom Pagination
• With CSS

Editore dal vivo

<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>

Risultato

ReferenceError: Provider is not defined