`gds-cta` — Call to action

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: 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