Counter Reference
Layout and classes
CSS selectors
| Element | CSS Class | Description |
|---|---|---|
| .center-align | .flex-direction-column | When Orientation is Vertical |
Advanced use case
Add a new style to the Counter Pattern
-
Drag the Counter pattern into the preview.
-
Set the Orientation to
Vertical, Height to200and ExtendedClass property tobackground-blue shadow-xl.
-
Drag a container into Counter placeholder and type '26'.
-
Set the Style Classes property of the container to
font-size-display text-neutral-0. -
Drag a container into Counter placeholder and type 'Completed Requests'.
-
Drag another container into Counter placeholder.
-
Drag an Icon Widget into the container and set the Name property to
Entities.IconName.checkand Size toEntities.IconSize.Size_3x.
-
Publish and test.
