Pages

Un componente de paginación ISLE que permite al usuario pasar por una secuencia de páginas.

Opciones

• activePage | number: página activa. Default: 1.
• disabled | boolean: controla si la barra de navegación está activa o no. Default: false.
• title | (string|node): título mostrado de las páginas contenedor. Default: ''.
• pagination | string: si mostrar la paginación en la top, bottom, o both. Default: 'top'.
• size | string: tamaño de los botones de paginación (ya sea default, lg, o sm). Default: 'default'.
• height | (number|string): la altura máxima del contenedor. Si una página incrustada es más alta, se añade una barra de desplazamiento vertical. Default: none.
• style | object: Estilos en línea CSS. Default: {}.
• onSelect | function: Función invocada cuando se cambia el cambio activo. Recibe el nuevo índice de páginas activas como único parámetro. Default: onSelect() {}.

Ejemplos

• Minimal
• Custom Pagination
• With CSS

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

Resultado

ReferenceError: Provider is not defined