Card

true

ヘッダーを表示するデフォルトのオプションです。

false

ヘッダーを非表示にするオプションです。

ヘッダーやタイトルがなくてもカードの情報を伝達できる場合はヘッダーを非表示にすることができます。

true

フッターを表示するオプションです。

ヘッダーだけではカードに関するアクションや情報が納まらない場合はフッターを使用します。

false

フッター非表示にするオプションです。

true

ヘッダーにタイトルスロットを表示するデフォルトのオプションです。

false

ヘッダーにタイトルスロットを非表示するオプションです。

true

ヘッダーにコントロールスロットを表示するデフォルトのオプションです。

false

ヘッダーにコントロールスロットを非表示するオプションです。

Clickable Cardコンポーネントを使用すると、カードは情報を提示すると同時に、カード自身をトリガーとして機能させることができます。

トリガーとして使用する場合は、カード全体がクリッカブルエリアとして機能します。

• Vertical Resizing: Hug
• Horizontal Resizing: Hug
• Container Height: Hug
• Item Spacing: 0px
• padding Vertical: 16px
• padding Horizontal: 0px

カードでは必要最小限の情報を簡潔に示してください。

必要以上に情報やアクションを含めないでください。カードは詳細な情報へアクセスするためのトリガーとして使用します。

カードを遷移のトリガーとして扱う場合、ボタンなどの別のトリガーを含まないでください。

ドラッグ&ドロップなど、遷移を伴わないトリガーの場合は、ボタンなどを含んでも問題ありません。

カード内のアクションがカードにて提示している情報へのナビゲーションのみの場合はナビゲーションを行うボタンを配置しないでください。カード自身をトリガーとして使用します。