Pages

Eine ISLE-Paginierungskomponente, die es dem Benutzer ermöglicht, durch eine Folge von Seiten zu blättern.

Optionen

• activePage | number: aktive Seite. Default: 1.
• disabled | boolean: steuert, ob die Navigationsleiste aktiv ist oder nicht. Default: false.
• title | (string|node): angezeigter Titel des Seitencontainers. Default: ''.
• pagination | string: ob die Paginierung entweder top, bottom oder both angezeigt werden soll. Default: 'top'.
• size | string: Größe der Paginierungsschaltflächen (entweder default, lg, oder sm). Default: 'default'.
• height | (number|string): die maximale Höhe des Containers. Wenn eine eingebettete Seite höher ist, wird eine vertikale Bildlaufleiste hinzugefügt. Default: none.
• style | object: CSS-Inline-Stile. Default: {}.
• onSelect | function: Funktion, die aufgerufen wird, wenn der aktive Wechsel geändert wird. Erhält den neuen aktiven Seitenindex als einzigen Parameter. Default: onSelect() {}.

Beispiele

• Minimal
• Custom Pagination
• With CSS

Live-Editor

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

Ergebnis

ReferenceError: Provider is not defined