Card
情報を小さなブロックにグループ化し、画面で識別しやすいようにします。
Cardは、少量の情報をグループ化して画面で強調表示するために使用します。
使用方法
パターンを画面にドラッグし、要件に合わせてコンテンツを編集します。
-
Cardパターンをプレビューにドラッグします。
-
プレースホルダに必要なコンテンツを設定します。
- パブリッシュしてテストします。
入力パラメータ
入力名 | 説明 | 型 | 必須 | デフォルト値 |
---|---|---|---|---|
ExtendedClass | このブロックにカスタムスタイルクラスを追加します。 | Text | False | なし |
レイアウトおよびクラス
高度なユースケース
背景の色を変更する
-
カードのExtendedClassプロパティに以下のクラスを記述します。
background-yourcolor text-neutral-0 border-size-none
text-neutral-0
クラスはテキスト色を、新しい背景色とは異なる白色に設定します。border-size-none
クラスは枠線を削除します。 -
パブリッシュしてテストします。
変更前:
変更後: