`gds-progress` — Progress

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: progress
Secțiune paletă: BLOCKS · Class: GdsProgressComponent · Pachet: @gstack/gds-angular
Data contract: ProgressData din @gstack/gds-core

Ce reprezintă

Indicatori de progres: bare, inele sau pași (0–100%).

Inputs

Nume	Tip	Default	Descriere
`data`	`ProgressData`	required	variant, items[{label,value}], title?

Outputs

Niciunul.

Cum se folosește

<gds-progress [data]="{
  title: 'Onboarding',
  variant: 'steps',
  items: [
    { label: 'Profil', value: 100 },
    { label: 'KYC', value: 40 },
    { label: 'Activare', value: 0 },
  ]
}" />

Note pentru agenți (Cursor)

variant: ‘bars’ | ‘rings’ | ‘steps’.
Nu inventa props în afara tipului ProgressData.
Stiluri: doar tokens GDS / --gds-accent; fără hex hardcodat.

Sursă

projects/gds-angular/src/lib/components/gds-progress.component.ts
projects/gds-core/src/lib/blocks.ts