PROcards

Stats Card

The Stats Card is a KPI tile that pairs a headline metric with its label and a color-coded trend indicator (up/down, green/red). It's the unit you compose dashboards from, turning raw numbers into an at-a-glance read of performance.

Pro component

Subscribe to access this component and the full library.

View plans

Total Revenue

$48,250

+12.4% vs last month

YAML source

Preview — full code with PRO

# Stats Card — PowerBlocks (PRO)
# DEMO DATA — replace the Text values ("Total Revenue", "$48,250", "+12.4% vs last month")
# with your own fields or formulas.

- StatsCard:
    Control: GroupContainer
    Variant: ManualLayout
    Properties:
      Width: =240
      Height: =130
      Fill: =RGBA(38, 38, 38, 1)
      BorderColor: =RGBA(64, 64, 64, 1)
      BorderThickness: =1
      RadiusTopLeft: =12
# … full component definition unlocked with PRO

This is a partial preview. Unlock the full component →

Common use cases

Dashboard summaries

Line up several cards for revenue, active users and open tickets at the top of a home screen.

Period comparisons

Show a value plus its change versus last month using the trend arrow and colour.

Goal tracking

Surface progress toward a target with a clear, single-number focus.

How to use Stats Card in Power Apps

1Open the component page — the YAML uses the invariant Power Fx syntax and works in every Power Apps locale.
2Click "Copy YAML" to copy the full component definition to your clipboard.
3In Power Apps Studio, open your screen in the Tree view and paste (Ctrl+V) — the component appears ready to use.
4Rebind the data-driven properties (Items, OnSelect, Fill, Text) to your own data source and theme.

Tip — Compute the trend colour from the sign of the delta so the indicator turns green or red automatically.

Related cards components

FREE

Action Card