Counter Reference
Collaborate with us
Edit this page on GitHub
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 to200
and 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.check
and Size toEntities.IconSize.Size_3x
. -
Publish and test.