@@ -66,22 +66,22 @@ export const Example = () => {
6666
6767### 必須プロパティ
6868
69- | プロパティ | 型 | 説明 |
70- | -------------------- | ------------------------- | --- ------------------------------------------------------------------------------------------------------------------------------------------------------ |
71- | ` totalSize ` | ` number ` | レコードの総件数。` sizePerPage ` と組み合わせて全ページ数(` pageMax ` )と表示件数の上下限を算出する。0を渡すと件数表示は0件となり、Selectは非活性化される。 |
72- | ` sizePerPage ` | ` number ` | 1ページあたりに表示する件数。` Math.ceil(totalSize / sizePerPage) ` でページ数を求めるため、1以上の値を渡す。 |
73- | ` currentPage ` | ` number ` | 現在表示中のページ番号（1起算）。Selectの選択状態と、前後ボタンの活性状態を決める。 |
74- | ` onClickPrevButton ` | ` () => void ` | 前ページボタンがクリックされた際に呼ばれるハンドラ。呼び出し側で` currentPage ` の状態遷移を制御する。 |
75- | ` onClickNextButton ` | ` () => void ` | 次ページボタンがクリックされた際に呼ばれるハンドラ。 |
76- | ` onChange ` | ` (value: number) => void ` | Selectで任意のページ番号が選択された際に受け取るハンドラ。Selectの選択値（文字列）を数値に変換した結果が渡される。 |
69+ | プロパティ | 型 | 説明 |
70+ | ------------------- | ------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ |
71+ | ` totalSize ` | ` number ` | レコードの総件数。` sizePerPage ` と組み合わせて全ページ数(` pageMax ` )と表示件数の上下限を算出する。0を渡すと件数表示は0件となり、Selectは非活性化される。 |
72+ | ` sizePerPage ` | ` number ` | 1ページあたりに表示する件数。` Math.ceil(totalSize / sizePerPage) ` でページ数を求めるため、1以上の値を渡す。 |
73+ | ` currentPage ` | ` number ` | 現在表示中のページ番号（1起算）。Selectの選択状態と、前後ボタンの活性状態を決める。 |
74+ | ` onClickPrevButton ` | ` () => void ` | 前ページボタンがクリックされた際に呼ばれるハンドラ。呼び出し側で` currentPage ` の状態遷移を制御する。 |
75+ | ` onClickNextButton ` | ` () => void ` | 次ページボタンがクリックされた際に呼ばれるハンドラ。 |
76+ | ` onChange ` | ` (value: number) => void ` | Selectで任意のページ番号が選択された際に受け取るハンドラ。Selectの選択値（文字列）を数値に変換した結果が渡される。 |
7777
7878### オプションプロパティ
7979
80- | プロパティ | 型 | デフォルト値 | 説明 |
81- | ---------------------- | -------- | ------------ | ------------------------------------------------------------------------------------------------ |
82- | ` countLabel ` | ` string ` | ` '件' ` | 表示件数テキストの末尾に付与する単位ラベル。例: ` "〜件" ` 、` "results" ` 。 |
83- | ` pageLabel ` | ` string ` | ` 'ページ' ` | ` / {pageMax} ` 表示に付与するページ単位のラベル。 |
84- | ` optionListMaxHeight ` | ` number ` | ` 190 ` | Selectのドロップダウンリストに適用する最大高さ(px)。件数が増えた場合のスクロール量を制限できる。 |
80+ | プロパティ | 型 | デフォルト値 | 説明 |
81+ | --------------------- | -------- | ------------ | ------------------------------------------------------------------------------------------------ |
82+ | ` countLabel ` | ` string ` | ` '件' ` | 表示件数テキストの末尾に付与する単位ラベル。例: ` "〜件" ` 、` "results" ` 。 |
83+ | ` pageLabel ` | ` string ` | ` 'ページ' ` | ` / {pageMax} ` 表示に付与するページ単位のラベル。 |
84+ | ` optionListMaxHeight ` | ` number ` | ` 190 ` | Selectのドロップダウンリストに適用する最大高さ(px)。件数が増えた場合のスクロール量を制限できる。 |
8585
8686### 排他的プロパティグループ
8787
@@ -228,6 +228,6 @@ Tailwind CSSのユーティリティクラスと`@zenkigen-inc/component-config`
228228
229229## 更新履歴
230230
231- | 日付 | 内容 | 担当者 |
232- | -------------------- | ---------- | ------ |
233- | 2025-12-03 09:14 JST | 新規作成 | - |
231+ | 日付 | 内容 | 担当者 |
232+ | -------------------- | -------- | ------ |
233+ | 2025-12-03 09:14 JST | 新規作成 | - |
0 commit comments