Sari la conținut

`gds-kpi-row` — KPI row

Acest conținut nu este încă disponibil în limba selectată.

Documentație online (fără download) — citește aici pe Wiki.
Pachete npm: Package Registry · contracte în @gstack/gds-core.

BlockKind: kpi-row
Secțiune paletă: BLOCKS · Class: GdsKpiRowComponent · Pachet: @gstack/gds-angular
Data contract: KpiRowData din @gstack/gds-core

Rând de 2–4 carduri KPI (etichetă, valoare, delta opțional, accent pe un card).

NumeTipDefaultDescriere
dataKpiRowDatarequiredcards: KpiCard[] (2–4)

Niciunul.

<gds-kpi-row [data]="{
cards: [
{ label: 'Plăți azi', value: '1.2k', delta: '+4%', accent: true },
{ label: 'Erori', value: '12', delta: '-2%' },
{ label: 'Volum', value: '48k MDL' },
]
}" />
  • delta: string; semnul +/- colorează pozitiv/negativ.
  • Nu inventa props în afara tipului KpiRowData.
  • Stiluri: doar tokens GDS / --gds-accent; fără hex hardcodat.
  • projects/gds-angular/src/lib/components/gds-kpi-row.component.ts
  • projects/gds-core/src/lib/blocks.ts