Chat dialog

Malý chatovací okýnko

Title: Hlavička s názvem chatu.
Agent select: Přepínač mezi různými asistenty.
Controls: Tlačítka pro ovládání okna (minimalizovat, maximalizovat, zavřít).
Chat window: Prostor pro zobrazení zpráv (ChatMessage).
Text Area + button: Pole pro psaní dotazu a tlačítko pro odeslání.

Varianty

Base: Klasické menší plovoucí okno v rohu obrazovky. Obsahuje dynamické tlačítko pro zvětšení, zmenšení nebo zavření. Maximized: Verze pro pohodlnější čtení delších textů.

Použití

Vyvolání: Pouze kliknutím na Float Button.
Vrstva: Vždy se zobrazuje nad všemi ostatními prvky na stránce.

Stavy okna:

Minimalizace: Zabalí se zpět do Float Buttonu. Pokud v dialogu probíhá konverzace, na tlačítku se zobrazí Notification Badge.
Maximalizace: Rozbalí se do velkého modálního okna.
Zavření: Zavře okno a kompletně smaže aktuální konverzaci.

Nikdy se nevkládá jako statická, pevná součást běžné stránky. Nelze ho vyvolat jiným způsobem než přes Float Button.

Responsivita

Base varianta: Statické rozměry a nemění se.
Maximized varianta: Šířka se přizpůsobuje velikosti displeje.