Pages

ユーザーが一連のページをステップスルーできるようにするISLEページネーションコンポーネント。

オプション

• activePage | number: アクティブページ. Default: 1.
• disabled | boolean: はナビゲーションバーがアクティブかどうかを制御します。. Default: false.
• title | (string|node): ページコンテナの表示タイトル. Default: ''.
• pagination | string: ページネーションを top, bottom, 両方に表示するかどうか。. Default: 'top'`.
• size | string: ページ分割ボタンのサイズ (default, lg, sm のいずれか). Default: 'default'.
• height | (number|string): コンテナの最大高さを指定します。埋め込みページの高さが高い場合、垂直スクロールバーが追加されます。. Default: none.
• style | object: CSSインラインスタイル. Default: {}.
• onSelect | function: アクティブな変更が変更されたときに呼び出される関数です。新しいアクティブなページインデックスを単独パラメータとして受け取ります。. Default: onSelect() {}.

例としては、以下のようなものがあります。

• Minimal
• Custom Pagination
• With CSS

ライブエディター

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

結果

ReferenceError: Provider is not defined