Office UI Fabric のリスト コンポーネント

大規模なコンテンツ コレクションをやり取りする際に、コンテンツのテキスト量が多い場合でも、リストは一貫性のあるレイアウトを提供します。リストを使用すれば、コンテンツを簡単にスキャンできます。

例:作業ウィンドウ内のリスト


リストが表示された画像


ベスト プラクティス

  • 次の場合には、リスト内の各エントリの最後にピリオドを付けます。
    • すべてのエントリが、完全な文である。
    • 1 つ以上のエントリに、フラグメントと、追加情報を提供する完全な文章の両方が含まれる。
    • エントリによって、紹介文やフラグメントがすべて完結している。
  • ページ上の連続したリストを見出しで分離させる。


バリアント

バリエーション 説明
グリッド リスト リストの各項目の詳細な情報が必要なときに使用します。 グリッド リストの画像
高さ可変項目のリスト 大きな画像とテキストが必要なときに使用します。 高さ可変項目のリストの画像


実装

詳細については、「リスト」と「Fabric React のコード サンプルの使用にあたって」を参照してください。

その他のリソース