Skip to main content

Stats Card

Diego Muralles avatar
Written by Diego Muralles
Updated over a week ago

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

Did this answer your question?