ガイドライン
Information List
インフォメーションリストは関連する情報を一覧の形式で並べるために使用するコンポーネントです。

Anatomy: 解剖図
Options: 選択肢
titleType
Simple
タイトルのみが表示されている状態です。

Detail
タイトルの下にタイトル概要が表示されている状態です。
タイトルの補足情報が必要な場合に使用します。

descriptionType
Label
詳細情報をテキストで表した状態です。

Slot
詳細情報をスロットで表した状態です。
画像やブロック要素などあらゆる要素を表示することができます。

isLeadSlot
False (Default)
リードスロットが非表示のデフォルトの状態です。

True
リードスロットを表示するためのオプションです。
アバターや画像などあらゆる要素を表示することができます。

isExpandTrigger
False (Default)
インフォメーションリストを展開/折り畳みしない状態です。

True
インフォメーションリストを展開/折り畳みできる状態です。

Behaviors: 振る舞い
詳細の表示
エクスパンド表示が出ている場合にインフォメーションリストをタップするとインフォメーションリストを展開することができます。
折りたたむ場合はインフォメーションリストをもう一度タップします。

Metrics: 寸法
- Vertical Resizing: Hug
- Horizontal Resizing: Fill
- Item Spacing: 8px
- padding Vertical: 8px
- padding Horizontal: 8px

Usage: 使い方

Do
適切な視覚バランスを実現するために、すべてのコンテンツをインフォメーションリスト内で上下中央に配置する必要があります。

Don’t
インフォメーションリスト内で上または下に偏った配置にしないでください。
Contents: 内容

Don’t
タイトル概要にタイトルと重複する内容を記載することは避けてください。
Change log: 変更履歴
| Date | Changes |
|---|---|
| 2024/12/6 | 初版を公開 |
小さな気づきや違和感があれば、
お気軽に教えてください。
フィードバック
