DescriptionList

DescriptionList コンポーネントは、キーと値のペアをリスト形式で表示するためのコンポーネントです。表示形式は水平または垂直を選択できます。

基本的な使い方

<DescriptionList item={{
  '名前': '山田太郎',
  '年齢': 25,
  '職業': 'エンジニア',
}} direction="horizontal" />

詳細なインターフェース

名前	説明	デフォルト値
item	表示する項目のオブジェクトを指定します。キーと値のペアで構成されます。	なし
direction	リストの表示方向を指定します。'horizontal' または 'vertical' のいずれかを指定できます。	'horizontal'

item プロパティには、表示したい項目をオブジェクト形式で指定します。オブジェクトのキーがリストの項目名として、値がその詳細として表示されます。

direction プロパティでリストの表示方向を指定します。'horizontal' を指定すると、項目名とその詳細が水平方向に並びます。一方、'vertical' を指定すると、項目名とその詳細が垂直方向に並びます。指定がない場合、デフォルトで 'horizontal' が適用されます。