ProductFeaturesDocs
Built InUI ComponentsAdmin ConsoleDatabaseBackendStorageAIRAGAuthSecurity
CompanyStoryAboutPricingBlogRoadmap
Install FLIN

StatCardGroup

Responsive grid container for StatCard components.

4-Column Layout

Default four-column dashboard overview with diverse metrics.

Revenue
$45,231
+12%
Users
2,341
+8.1%
Orders
1,204
+23%
Bounce
24.3%
-3.2%

3-Column Layout

Three-column layout for key performance highlights.

MRR
$12,800
+15%
Churn
2.1%
-0.3%
NPS
72
+4

2-Column Layout

Compact two-column layout for summary panels.

Revenue
$45,231
+12%
Users
2,341
+8.1%

Usage

<StatCardGroup columns="4"> <StatCard label="Revenue" value="$45,231" icon="dollar-sign" trend="+12%" trendDirection="up" /> <StatCard label="Users" value="2,341" icon="users" trend="+8.1%" trendDirection="up" /> <StatCard label="Orders" value="1,204" icon="shopping-cart" trend="+23%" trendDirection="up" /> <StatCard label="Bounce" value="24.3%" icon="trending-down" trend="-3.2%" trendDirection="down" /></StatCardGroup>

Props

PropTypeDefaultDescription
columnstext"4"Number of grid columns: 2, 3, or 4
childrencontent-StatCard components to arrange