Skip to main content
NeuralUIv1.14.3New
GitHub
Component

Stats Card

Metric card with main value, animated trend and subtitle. Ideal for analytics dashboards.

TypeScript
import { NeuStatsCardComponent } from '@neural-ui/core/stats-card';
Revenue
$48,295
+12.5% vs previous month
Active users
3,241
-4.2% vs last week
API requests
1.2M
0% no change
No sparkline
99.9%
+0.1% uptime
TypeScript
import { NeuStatsCardComponent } from '@neural-ui/core/stats-card';

@Component({
  imports: [NeuStatsCardComponent],
  template: `
    <neu-stats-card
      title="Revenue"
      value="$48,295"
      change="+12.5%"
      trend="up"
      label="vs previous month"
      icon="lucideTrendingUp"
      [sparkData]="data"
    />
  `
})
export class MyComponent {
  data = [30, 55, 40, 80, 65, 90, 75, 110, 95, 120];
}