Diggi Docs
ChatBox
Mit einem Chat erhält der Nutzer die Möglichkeit über eine Texteingabe direkt mit einem Kontakt oder Chatbot zu kommunizieren.

Verwendung

Neben den klassischen Kontaktkanälen bietet der Chat Nutzern oder Kunden eine unkomplizierte und direkte Möglichkeit, mit Bosch in Kontakt zu treten. Je nach Nutzung kann der Chat an zwei verschiedenen Stellen in die Seite integriert werden: Als Sticky Chat unten oder als Erweiterung der Konvertierungsleiste im Header.


Eigenschaften

NameTypeDefault ValueDescription

chatMessages

IChatMessage[] | null

undefined

The chatmessages to display

disabled

boolean

false

disable textbox

value

string

""

value of the textmessage

Events

NameDescription

send

triggered when form is submitted


Weitere dazugehörige Komponenten

ChatMessage

Eigenschaften

NameTypeDefault ValueDescription

id

string

nanoid()

unique identifier

text

string

undefined

text content of message

timestamp

Moment

undefined

time when the message was sent

useRelativeTimestamp

boolean

false

whether to display relative or absolute time.

position

"left" | "right"

undefined

position of the message

image

string

undefined

image src of the user

imageAlt

string

undefined

image alt of the user

name

string

undefined

name of the user

isLoading

boolean

false

whether the message is loading or not


Beispiele

Chat

User one 9
Bot one 8
Bot one 7
User one 6
Bot one 5
Bot one 4
User one 3
Bot one 2
Bot one 1

Slotted Chat

User one 9
Bot one 8
Bot one 7
User one 6
Bot one 5
Bot one 4
User one 3
Bot one 2
Bot one 1