Lumeo

Statistic

Displays a metric value with optional title, prefix, suffix, and trend indicator.

Installation

dotnet add package Lumeo

One-time app setup (AddLumeo(), CSS & JS) is covered in the installation guide.

Usage

@using Lumeo

<Statistic />

When to Use

  • KPI dashboards displaying key business metrics at a glance
  • Data summaries with numeric values and optional trend indicators
  • Metric displays showing counts, percentages, or currency values
  • Overview panels where numbers need prefix/suffix formatting

Total Users

12,847

Revenue

$48,250.00

Growth

23.6%
12%

Bounce Rate

4.2%
0.8%

Sales

1,234
+12.5%

Returns

42
-3.2%

Switch size to see how the metric scales.

Monthly Revenue

$48,290
+12%

Switch variant to compare Default, Minimal, and Bordered styling.

Users

12,847

Revenue

$48,290
+8%

Churn

2.1%
-0.3%

API Reference

  • Card — Wrap statistics in cards for dashboard layouts
  • Progress — Visualize a metric as a progress bar instead of a number
  • Badge — Small inline indicators for counts or status