Skip to content

`gds-slider` — Slider

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

BlockKind: slider
Secțiune paletă: BLOCKS · Class: GdsSliderComponent · Pachet: @gstack/gds-angular
Data contract: SliderData din @gstack/gds-core

Carusel de slide-uri (titlu, text, imagine opțională) cu săgeți, dots, autoplay.

NumeTipDefaultDescriere
dataSliderDatarequiredslides[], autoplay

Niciunul.

<gds-slider [data]="{
autoplay: true,
slides: [
{ title: 'Slide 1', text: 'Bun venit în GPay' },
{ title: 'Slide 2', text: 'Plătește rapid', image: '' },
]
}" />
  • —
  • Nu inventa props în afara tipului SliderData.
  • Stiluri: doar tokens GDS / --gds-accent; fără hex hardcodat.
  • projects/gds-angular/src/lib/components/gds-slider.component.ts
  • projects/gds-core/src/lib/blocks.ts