Skip to content

`gds-chat` — Chat widget

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

BlockKind: chat
Secțiune paletă: BLOCKS · Class: GdsChatComponent · Pachet: @gstack/gds-angular
Data contract: ChatData din @gstack/gds-core

Widget de chat flotant: buton launcher + panou cu mesaje mock bot/user.

NumeTipDefaultDescriere
dataChatDatarequiredtitle, greeting, messages[], launcher, placeholder

Niciunul.

<gds-chat [data]="{
title: 'Asistență',
greeting: 'Cum te putem ajuta?',
launcher: 'Deschide chat',
placeholder: 'Scrie un mesaj…',
messages: [
{ from: 'bot', text: 'Bună! Sunt asistentul GPay.' },
{ from: 'user', text: 'Am o întrebare despre plăți.' },
]
}" />
  • from: ‘bot’ | ‘user’.
  • Nu inventa props în afara tipului ChatData.
  • Stiluri: doar tokens GDS / --gds-accent; fără hex hardcodat.
  • projects/gds-angular/src/lib/components/gds-chat.component.ts
  • projects/gds-core/src/lib/blocks.ts