Skip to content

`gds-search` — Search bar

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

BlockKind: search
Secțiune paletă: BLOCKS · Class: GdsSearchComponent · Pachet: @gstack/gds-angular
Data contract: SearchData din @gstack/gds-core

Bară de căutare cu buton și chips de filtre rapide.

NumeTipDefaultDescriere
dataSearchDatarequiredplaceholder, button, chips[], size

Niciunul.

<gds-search [data]="{
placeholder: 'Caută servicii…',
button: 'Caută',
chips: ['Plăți', 'Documente', 'Utilizatori'],
size: 'lg'
}" />
  • size: ‘md’ | ‘lg’.
  • Nu inventa props în afara tipului SearchData.
  • Stiluri: doar tokens GDS / --gds-accent; fără hex hardcodat.
  • projects/gds-angular/src/lib/components/gds-search.component.ts
  • projects/gds-core/src/lib/blocks.ts