Featured statistics

Desktop view

Mobile view

Live example

Created example

How it works

Settings
- "Statistic figure" textfield allowing integers
- "Decimals" (The user's browser regional settings will be used to determine the right decimal separator to be displayed (comma or dot))
- "Unit" textfield allowing regular characters
- "Description" text field
  - Bold funcionality
  - Superscript and subscript available
- "Enabling thousands seperator"
- Prefix in front of the numer (any text is accepted)
Styles available (see created example)
- Standard
- Small
- Wide
- Red color variation

How to use it

If you want to present visual representations of numbers in the form of a configurable element, so that you can draw the user's attention to the statistics and choose their placement, this is the ideal component for that.

The Featured Statistic container can also be included within Spotlight Teaser (narrow style) and within Vertical tab container (see created example).