Pagination

主に「よくあるテーブル」などコレクションにおけるページを切り替えるためのコンポーネントです。使用する場所によって機能を落とせます。

SmartHR UI

Storybook GitHub

別画面で開く

処理中

ドラッグして幅を変更

ドラッグして高さを変更

処理中

Props

total必須

number

全ページ数

current必須

number

現在のページ

onClick必須

(pageNumber: number) => void

ボタンを押下したときに発火するコールバック関数

padding

number

現在のページの前後に表示するページ番号のボタンの数

className

string

コンポーネントに適用するクラス名

withoutNumbers

falsetrue

true のとき、ページ番号のボタンを表示しない