`gds-image` — Image

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

BlockKind: image
Secțiune paletă: BLOCKS · Class: GdsImageComponent · Pachet: @gstack/gds-angular
Data contract: ImageData din @gstack/gds-core

Ce reprezintă

Imagine sau placeholder stilizat, cu ratio, colțuri rotunjite și caption.

Inputs

Nume	Tip	Default	Descriere
data	ImageData	required	alt, ratio, rounded, url?, caption?

Outputs

Niciunul.

Cum se folosește

<gds-image [data]="{
  alt: 'Hero GPay',
  ratio: '16:9',
  rounded: true,
  url: '',
  caption: 'Vizual demonstrativ'
}" />

Note pentru agenți (Cursor)

• url gol → placeholder dungat.
• ratio: ‘16:9’ | ‘4:3’ | ‘1:1’ | ‘21:9’.
• Nu inventa props în afara tipului ImageData.
• Stiluri: doar tokens GDS / --gds-accent; fără hex hardcodat.

Sursă

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