ビュー
データ表示
DescriptionList

DescriptionList

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

基本的な使い方

<DescriptionList
  columnNames={{ name: "名前", age: "年齢", job: "職業" }}
  item={{
    name: "山田太郎",
    age: 25,
    job: "エンジニア",
  }}
  direction="horizontal"
/>
使用例
使用例_垂直

詳細なインターフェース

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

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