BlueAI Pagination
ページ切り替え用のページネーションコンポーネント。省略表示に対応。
|
import { Pagination } from "@blueai/ui"Examples
Few pages
<Pagination page={page} totalPages={5} onChange={setPage} />Many pages with ellipsis
<Pagination page={page} totalPages={20} onChange={setPage} />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| page* | number | — | 現在のページ（1始まり） |
| totalPages* | number | — | 総ページ数 |
| onChange* | (page: number) => void | — | ページ変更コールバック |
| maxVisible | number | — | 表示する最大ページ数（デフォルト: 7） |