Pages

En ISLE-pagineringskomponent, der gør det muligt for brugeren at gå gennem en sekvens af sider.

Indstillinger

• activePage | number: aktiv side. Default: 1.
• disabled | boolean: styrer, om navigationslinjen er aktiv eller ej. Default: false.
• title | (string|node): visning af sidernes titel i containeren. Default: ''.
• pagination | string: om paginering skal vises enten top, bottom eller both dele. Default: 'top'.
• size | string: størrelsen af pagineringsknapperne (enten default, lg eller sm). Default: 'default'.
• height | (number|string): beholderens maksimale højde. Hvis en indlejret side er højere, tilføjes en lodret rullebjælke. Default: none.
• style | object: CSS inline-stilarter. Default: {}.
• onSelect | function: Funktion, der påkaldes, når den aktive ændring ændres. Modtager det nye aktive sideindeks som eneste parameter. Default: onSelect() {}.

Eksempler

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

Resultat

ReferenceError: Provider is not defined