Want to display key data in a clean and eye-catching way? The Stats Card widget lets you create individual cards to highlight important stats. It’s a great way to present data clearly and make it stand out on your page.
Adding a stats card
From the left panel go to the Add Menu (
Shortcut: M)Search for and select Stats Card
Click and drag the element onto your canvas
Adding a new stat to your card
Double-click the Stat Card
Click the + icon located in the Stats section
A new tab will appear, you can navigate through them to adjust them as needed.
Adding a new Stat Card
You cannot only add new stats to this element but more Stat Cards, the navigation buttons will appear in the Stat Card element after adding a new one so you can navigate through them as you do with a slider.
To do this;
Double-click the Stat Card
Click the + icon located at the bottom of the settings panel
A new tab will appear, you can navigate through them to adjust them as needed.
Styling a stats card
Background: Change the background color of the card
Text:
TI: Style the Title
S: Style the Subtitle
VA: Style the Stats
Border: Set a border color, opacity, and line weight for the Card's Image
Border Radius: Curve the radius of the Image's border
Add different types of shadows or blur effects to the card.
Effects: Add shadows, or blur layers to your element.
Configuration options
Parameter | Description |
Image | The image at the top of the card |
Title | The top-most text in the text group. |
Subtitle | The second text element in the text group. |
Label | The label below the stat number |
Stat | The number above the label |