`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
Ce reprezintă
Section titled “Ce reprezintă”Rând de 2–4 carduri KPI (etichetă, valoare, delta opțional, accent pe un card).
Inputs
Section titled “Inputs”| Nume | Tip | Default | Descriere |
|---|---|---|---|
data | KpiRowData | required | cards: KpiCard[] (2–4) |
Outputs
Section titled “Outputs”Niciunul.
Cum se folosește
Section titled “Cum se folosește”<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' }, ]}" />Note pentru agenți (Cursor)
Section titled “Note pentru agenți (Cursor)”- 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.tsprojects/gds-core/src/lib/blocks.ts