`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
Ce reprezintă
Section titled “Ce reprezintă”Bară de căutare cu buton și chips de filtre rapide.
Inputs
Section titled “Inputs”| Nume | Tip | Default | Descriere |
|---|---|---|---|
data | SearchData | required | placeholder, button, chips[], size |
Outputs
Section titled “Outputs”Niciunul.
Cum se folosește
Section titled “Cum se folosește”<gds-search [data]="{ placeholder: 'Caută servicii…', button: 'Caută', chips: ['Plăți', 'Documente', 'Utilizatori'], size: 'lg'}" />Note pentru agenți (Cursor)
Section titled “Note pentru agenți (Cursor)”- 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.tsprojects/gds-core/src/lib/blocks.ts