従来のWebアプリにのみ適用されます

Counterのリファレンス

レイアウトおよびクラス

要素	CSSクラス	説明
.center-align	.flex-direction-column	OrientationがVerticalの場合

1.Counterパターンをプレビューにドラッグします。

1.Orientationを「Vertical」に、Heightを「200」に、ExtendedClassプロパティを「background-blue shadow-xl」に設定します。

![](<images/counter-3-ss.png>)

1.コンテナを［Counter］プレースホルダにドラッグし、「26」と入力します。

1.コンテナのStyle Classesプロパティを「font-size-display text-neutral-0」に設定します。

1.コンテナを［Counter］プレースホルダにドラッグし、「Completed Requests」と入力します。

1.別のコンテナを［Counter］プレースホルダにドラッグします。

1.Iconウィジェットをコンテナにドラッグし、Nameプロパティを「Entities.IconName.check」に設定し、Sizeを「Entities.IconSize.Size_3x」に設定します。

![](<images/counter-4-ss.png>)

1.パブリッシュしてテストします。

![](<images/counter-5-ss.png>)