ビュー
その他
Pagination

Pagination

Paginationコンポーネントは、ページネーションをするためのコンポーネントです。

基本的な使い方

import { useState } from "react";
import { Card, Pagination } from "@basemachina/view";
 
const App = () => {
  const [page, setPage] = useState(1);
  return (
    <Card>
      <Pagination
        currentPage={page}
        itemsPerPage={10}
        totalItems={100}
        onChange={(page) => setPage(page)}
      />
    </Card>
  );
};
 
export default App;
使用例

詳細なインターフェース

名前説明デフォルト値
currentPage現在のページ番号を指定します。必須
itemsPerPage1ページあたりのアイテム数を指定します。必須
totalItems全アイテム数を指定します。-
onChangeページ変更時に実行する関数を指定します。必須