Element

igc-chat

Slots

prefix — Slot for injecting content (e.g., avatar or icon) before the chat title.

title — Slot for overriding the chat title content.

actions — Slot for injecting header actions (e.g., buttons, menus).

suggestions-header — Slot for rendering a custom header for the suggestions list.

suggestions — Slot for rendering a custom list of quick reply suggestions.

suggestions-actions — Slot for rendering additional actions.

suggestion — Slot for rendering a single suggestion item.

empty-state — Slot shown when there are no messages.

typing-indicator — Slot for the "is typing" indicator.

CSS Parts

chat-container — Styles the main chat container.

header — Styles the chat header container.

prefix — Styles the element before the chat title (e.g., avatar).

title — Styles the chat header title.

message-area-container — Styles the container holding the messages and (optional) suggestions.

message-list — Styles the message list container.

message-item — Styles each message wrapper.

typing-indicator — Styles the typing indicator container.

typing-dot — Styles individual typing indicator dots.

suggestions-container — Styles the container holding all suggestions.

suggestions-header — Styles the suggestions header.

suggestion — Styles each suggestion item.

suggestion-prefix — Styles the icon or prefix in a suggestion.

suggestion-title — Styles the text/title of a suggestion.

empty-state — Styles the empty state container when there are no messages.

input-area-container — Styles the wrapper around the chat input area.

input-area — Styles the main text input area.

input-attachments-container — Styles the container for attachments in the input.

input-attachment-container — Styles a single attachment in the input area.

input-attachment-name — Styles the file name of an attachment.

input-attachment-icon — Styles the icon of an attachment.

text-input — Styles the text input field for typing messages.

input-actions-container — Styles the container for input actions.

input-actions-start — Styles the group of actions at the start of the input after the default file upload.

input-actions-end — Styles the group of actions at the end of the input.

file-upload-container — Styles the container for the file upload input.

file-upload — Styles the file upload input itself.

send-button-container — Styles the container around the send button.

send-button — Styles the send button.

message-container — Styles the container of a single message.

message-list (forwarded) — Styles the internal list of messages.

message-header — Styles the header of a message (e.g., sender, timestamp).

message-content — Styles the text content of a message.

message-attachments-container — Styles the container for message attachments.

message-attachment — Styles a single message attachment.

message-actions-container — Styles the container holding message actions.

message-sent — Styles messages marked as sent by the current user.

attachment-header — Styles the header of an attachment block.

attachment-content — Styles the content of an attachment block.

attachment-icon — Styles the icon of an attachment.

file-name — Styles the file name shown in an attachment.

IgcChatComponent

new IgcChatComponent(): IgcChatComponent

Defined in src/components/chat/chat.ts:329

Returns IgcChatComponent

styles: CSSResult[]

tagName: "igc-chat" = 'igc-chat'

get draftMessage(): object

set draftMessage(value: object): void

get messages(): IgcChatMessage[]

set messages(value: IgcChatMessage[]): void

get options(): IgcChatOptions | undefined

set options(value: IgcChatOptions): void

get resourceStrings(): IgcChatResourceStrings & IChatResourceStrings

set resourceStrings(value: IChatResourceStrings | IgcChatResourceStrings): void

Inherited from: EventEmitterMixin< IgcChatComponentEventMap, Constructor<LitElement> >(LitElement)

addEventListener(type: K, listener: object, options: boolean | AddEventListenerOptions): void

Defined in src/components/common/mixins/event-emitter.ts:7

Parameters

• type: K
• listener: object
• options: boolean | AddEventListenerOptions

Returns void

Inherited from: EventEmitterMixin< IgcChatComponentEventMap, Constructor<LitElement> >(LitElement)

emitEvent(type: K, eventInitDict: CustomEventInit<D>): boolean

Defined in src/components/common/mixins/event-emitter.ts:30

Parameters

• type: K
• eventInitDict: CustomEventInit<D>

Returns boolean

Inherited from: EventEmitterMixin< IgcChatComponentEventMap, Constructor<LitElement> >(LitElement)

removeEventListener(type: K, listener: object, options: boolean | EventListenerOptions): void

Defined in src/components/common/mixins/event-emitter.ts:17

Parameters

• type: K
• listener: object
• options: boolean | EventListenerOptions

Returns void

scrollToMessage(messageId: string): void

Defined in src/components/chat/chat.ts:350

Parameters

• messageId: string

Returns void

register(): void

Defined in src/components/chat/chat.ts:199

Returns void

igcAttachmentAdded: CustomEvent<IgcChatMessageAttachment[]>

Defined in src/components/chat/chat.ts:66

igcAttachmentClick: CustomEvent<IgcChatMessageAttachment>

Defined in src/components/chat/chat.ts:60

igcAttachmentDrag: CustomEvent<void>

Defined in src/components/chat/chat.ts:76

igcAttachmentDrop: CustomEvent<void>

Defined in src/components/chat/chat.ts:81

igcAttachmentRemoved: CustomEvent<IgcChatMessageAttachment>

Defined in src/components/chat/chat.ts:71

igcInputBlur: CustomEvent<void>

Defined in src/components/chat/chat.ts:96

igcInputChange: CustomEvent<string>

Defined in src/components/chat/chat.ts:101

igcInputFocus: CustomEvent<void>

Defined in src/components/chat/chat.ts:91

igcMessageCreated: CustomEvent<IgcChatMessage>

Defined in src/components/chat/chat.ts:50

igcMessageReact: CustomEvent<IgcChatMessageReaction>

Defined in src/components/chat/chat.ts:55

igcTypingChange: CustomEvent<boolean>

Defined in src/components/chat/chat.ts:86