ProductFeaturesDocs
Built InUI ComponentsAdmin ConsoleDatabaseBackendStorageAIRAGAuthSecurity
CompanyStoryAboutPricingBlogRoadmap
Install FLIN

KPIWidget

Key performance indicator with sparkline visualization.

Gold (Revenue)

Revenue KPI with gold-colored sparkline accent.

Revenue+12%
$45.2K

Success (Growth)

Growth rate KPI with green success sparkline.

Growth+5%
23.5%

Info (Visitors)

Visitor count KPI with blue info sparkline.

Visitors+18%
8,942

Error (Errors)

Error count KPI with red error-colored sparkline.

Errors+3
12

KPI Dashboard

All four color variants side-by-side for a complete KPI overview.

Revenue+12%
$45.2K
Growth+5%
23.5%
Visitors+18%
8,942
Errors+3
12

Usage

<KPIWidget label="Revenue" value="$45.2K" change="+12%" color="gold" /><KPIWidget label="Growth" value="23.5%" change="+5%" color="success" /><KPIWidget label="Visitors" value="8,942" change="+18%" color="info" /><KPIWidget label="Errors" value="12" change="+3" color="error" />

Props

PropTypeDefaultDescription
labeltext"KPI"Metric name
valuetext"0"Display value
changetext""Change indicator text
colortext"gold"Sparkline color: gold, success, info, error