FLIN App

Basic Stats

Metric cards with icon, value, and positive trend indicators.

Total Users12,345+12%

Revenue$48,290+8.2%

Orders1,089+3.1%

Without Icon

Minimal stats showing just the label, value, and optional trend.

Page Views89,412+24%

Bounce Rate32.1%

Avg Session4m 32s+8%

Dashboard Grid

Stat cards arranged in a responsive grid for dashboard layouts.

Active Users3,241+5%

Uptime99.9%

Response42ms

Storage84 GB

Usage

<Stat label="Total Users" value="12,345" trend="+12%" icon="users" /><Stat label="Revenue" value="$48,290" trend="+8.2%" icon="dollar-sign" /><Stat label="Bounce Rate" value="32.1%" /> // no icon, no trend

Props

Prop	Type	Default	Description
`label`	text	""	Metric label (uppercase)
`value`	text	"0"	Displayed value
`trend`	text	""	Trend indicator (e.g. "+12%")
`icon`	text	""	Lucide icon name

Stat

.flin-icon { display: inline-block; vertical-align: middle; flex-shrink: 0; } Basic Stats

.flin-icon { display: inline-block; vertical-align: middle; flex-shrink: 0; } Without Icon

.flin-icon { display: inline-block; vertical-align: middle; flex-shrink: 0; } Dashboard Grid

.flin-icon { display: inline-block; vertical-align: middle; flex-shrink: 0; } Usage

.flin-icon { display: inline-block; vertical-align: middle; flex-shrink: 0; } Props

Basic Stats

Without Icon

Dashboard Grid

Usage

Props