Saltar al contenido principal
NeuralUIv1.14.3Nuevo
GitHub
Componente

Stats Card

Tarjeta de métrica con valor principal, tendencia animada y subtítulo. Ideal para dashboards analíticos.

TypeScript
import { NeuStatsCardComponent } from '@neural-ui/core/stats-card';
Ingresos
$48.295
Usuarios activos
3.241
Peticiones API
1,2M
Sin sparkline
99,9%
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];
}