`gds-cta` — Call to action

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

BlockKind: cta
Secțiune paletă: BLOCKS · Class: GdsCtaComponent · Pachet: @gstack/gds-angular
Data contract: CtaData din @gstack/gds-core

Ce reprezintă

Banner CTA cu 1–2 butoane; aliniere left/center; stil filled sau card.

Inputs

Nume	Tip	Default	Descriere
data	CtaData	required	title, text, primary, align, filled, secondary?, links?

Outputs

Nume	Tip	Default	Descriere
navigate	NavTarget	—	Emis la click pe buton cu link

Cum se folosește

<gds-cta
  [data]="{
    title: 'Începe acum',
    text: 'Deschide un cont GPay în câteva minute.',
    primary: 'Continuă',
    secondary: 'Află mai mult',
    align: 'left',
    filled: true,
    primaryLink: { pageId: 'onboarding' }
  }"
  (navigate)="go($event)"
/>

Note pentru agenți (Cursor)

• align: ‘left’ | ‘center’.
• filled: true = banner pe accent.
• Nu inventa props în afara tipului CtaData.
• Stiluri: doar tokens GDS / --gds-accent; fără hex hardcodat.

Sursă

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