Serendie Design System

AboutGet StartedFoundationsComponents
© Mitsubishi Electric Corporation

Listリストアイテム

関連する項目を縦に並べて、メニューや一覧を構成するためのコンポーネントです。

更新 2024/11/1

バリエーション

テキストや画像、通知バッジを組み合わせて使用できます。一覧から詳細にリンクする際は、Right Iconを使用してください。

Title Only
  • リストタイトル
Left Icon
  • リストタイトル
Multiple Lines
  • リストタイトル
    補足テキスト

    タイムスタンプなど

Large Left Icon
  • リストタイトル
Multiple Lines
  • リストタイトル
    補足テキスト

    タイムスタンプなど

Right Icon
  • リストタイトル
Multiple Lines
  • リストタイトル
    補足テキスト
With Badge
  • リストタイトル
    補足テキスト
    3

状態

4つの状態があります。メニューにおいて非活性状態を示すときにDisabledを、選択状態を示すときにSelectedを使用してください。

Enabled
  • リストタイトル
Focused
  • リストタイトル
Disabled
  • リストタイトル
Selected
  • リストタイトル