If you're hoping to display different types of data, you may want to consider using the Stats Card element. This element allows you to create a visually appealing and organized way to showcase important statistics.
Adding a stats card
From the top menu bar, click on 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. (Learn more about effects)
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 |