Pages

Komponent paginacyjny ISLE, który pozwala użytkownikowi na przejście przez sekwencję stron.

Opcje

• activePage | number: strona aktywna. Default: 1.
• disabled | boolean: kontroluje, czy pasek nawigacyjny jest aktywny, czy nie. Default: false.
• title | (string|node): wyświetlany tytuł strony pojemnika. Default: ''.
• pagination | string: czy pokazywać paginację albo na top, bottom, albo na both. Default: 'top'.
• size | string: rozmiar przycisków paginacji (albo default, lg, albo sm). Default: 'default'.
• height | (number|string): maksymalna wysokość kontenera. Jeśli osadzona strona jest wyższa, dodawany jest pionowy pasek przewijania. Default: none.
• style | object: Style CSS inline. Default: {}.
• onSelect | function: Funkcja wywoływana po zmianie aktywnej zmiany. Otrzymuje nowy aktywny indeks strony jako jedyny parametr. Default: onSelect() {}.

Przykłady

• Minimal
• Custom Pagination
• With CSS

Edytor na żywo

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

Wynik

ReferenceError: Provider is not defined