Ai chatbot message

AI chatbot message with avatar and loading state, for conversational threads

Contents

AI chatbot avatar

What have you done or started?

Inputs
avatarVariant ?: "theme" | "blue" = 'blue'
customContent ?: TemplateRef<HTMLElement>

If provided, the message body will be replaced with the custom content template, instead of the plain text.

isLoading ?: boolean = false
loadingPhraseIntervalMs ?: number = 3000

How long each loading phrase holds before the next one fades in.

loadingPhrases ?: readonly string[] = []

Phrases cycled in order while `isLoading`, starting at the first. If empty, the message falls back to a plain "Thinking".

loadingStyle ?: "spin" | "dots" = 'dots'
showAvatar ?: boolean = true
text ?: string = ''