Pages

An ISLE pagination component that allows the user to step through a sequence of pages.

Options

• activePage | number: active page. Default: 1.
• disabled | boolean: controls whether the navigation bar is active or not. Default: false.
• title | (string|node): displayed title of the pages container. Default: ''.
• pagination | string: whether to show the pagination either on the top, bottom, or both. Default: 'top'.
• size | string: size of the pagination buttons (either default, lg, or sm). Default: 'default'.
• height | (number|string): the maximum height of the container. If an embedded page is taller, a vertical scrollbar is added. Default: none.
• style | object: CSS inline styles. Default: {}.
• onSelect | function: Function invoked when active change is changed. Receives the new active page index as a sole parameter. Default: onSelect() {}.

Examples

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

Result

ReferenceError: Provider is not defined