Counterのリファレンス
レイアウトおよびクラス
CSSセレクタ
要素 | CSSクラス | 説明 |
---|---|---|
.center-align | .flex-direction-column | OrientationがVerticalの場合 |
高度なユースケース
Counterパターンに新しいスタイルを追加する
-
Counterパターンをプレビューにドラッグします。
-
Orientationを「
Vertical
」に、Heightを「200
」に、ExtendedClassプロパティを「background-blue shadow-xl
」に設定します。 -
コンテナを[Counter]プレースホルダにドラッグし、「26」と入力します。
-
コンテナのStyle Classesプロパティを「
font-size-display text-neutral-0
」に設定します。 -
コンテナを[Counter]プレースホルダにドラッグし、「Completed Requests」と入力します。
-
別のコンテナを[Counter]プレースホルダにドラッグします。
-
Iconウィジェットをコンテナにドラッグし、Nameプロパティを「
Entities.IconName.check
」に設定し、Sizeを「Entities.IconSize.Size_3x
」に設定します。 -
パブリッシュしてテストします。