From 643163fcb7b71725eb8ff42bd848110171ec16c7 Mon Sep 17 00:00:00 2001 From: versionfive <64398878+versionfive@users.noreply.github.com> Date: Wed, 11 Dec 2024 19:55:17 +0900 Subject: [PATCH] =?UTF-8?q?Input=E3=82=92SearchInput=E3=81=AB=E5=A4=89?= =?UTF-8?q?=E6=9B=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/content/articles/products/design-patterns/smarthr-table.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/articles/products/design-patterns/smarthr-table.mdx b/src/content/articles/products/design-patterns/smarthr-table.mdx index d8851a867..2b48fc924 100644 --- a/src/content/articles/products/design-patterns/smarthr-table.mdx +++ b/src/content/articles/products/design-patterns/smarthr-table.mdx @@ -151,7 +151,7 @@ OOUIにおける`コレクション`と、コレクションに関連するア | 操作名 | ボタンのラベル例 | 役割・動作 | | :--- | :--- | :--- | -| オブジェクトの検索 | `検索` | 入力ボックス([Input](/products/components/input/))と検索ボタンがセットになった検索フォームです。 | +| オブジェクトの検索 | `検索` | 入力ボックス([SearchInput](/products/components/input/#h3-4))と検索ボタンがセットになった検索フォームです。 | | オブジェクトの絞り込み | `絞り込み` | [FilterDropdown](/products/components/dropdown/filter-dropdown/)を配置します。
クリックすると、テーブルのオブジェクトを絞り込むオプションをドロップダウンで表示します。 | | オブジェクト(一覧)のダウンロード | `ダウンロード`, `全件ダウンロード` | [Secondaryボタンのアイコン付き(左)](/products/components/button/#h3-1)を配置します。( アイコン(`FaCloudDownloadAltIcon`)を使用)
オブジェクトの絞り込み状態に依存せず、オブジェクトの全件が常にダウンロードされる場合は、ラベルを`全件ダウンロード`とします。 | | テーブルのページ数、ページ番号 | `9,999 件中 1-5 件` | 多くの場合、「`{総件数}` 件中 `{表示している順番の範囲}` 件」のように、現在表示しているテーブル内容の現在位置を示します。
1ページあたり20件〜50件とすることが多いですが、ユースケースや表示速度を考慮して適切な件数を設定します。
コンテンツの横幅に応じて、表示する内容の量を検討してください。 |