Call - CometChat Docs

AI Integration Quick Reference

Field	Value
Packages	`@cometchat/chat-uikit-react` + `@cometchat/calls-sdk-javascript` (`npm install @cometchat/calls-sdk-javascript`)
Required setup	Wrap app in `CometChatProvider` with `callingEnabled={true}` — Calls SDK must also be installed
Call features	Incoming Call, Outgoing Call, Call Logs, Call Buttons (in Message Header)
Key components	`CometChatMessageHeader` → Message Header (includes call buttons), `CometChatIncomingCall` → Incoming Call, `CometChatOutgoingCall` → Outgoing Call, `CometChatCallLogs` → Call Logs
Enabling	Set `callingEnabled={true}` on `CometChatProvider` to activate call UI components
CSS class prefix	`.cometchat-`

Overview

CometChat Calls integrates 1:1 and group audio/video calling into the React UI Kit. Install the Calls SDK and enable calling via the callingEnabled prop on CometChatProvider to activate call components.

Ensure your app is wrapped in CometChatProvider with valid credentials and callingEnabled={true}. See React.js Integration.

Integration

Install the Calls SDK and enable calling:

npm install @cometchat/calls-sdk-javascript

Then set callingEnabled={true} on your CometChatProvider:

<CometChatProvider callingEnabled={true} {...otherProps}>
  {/* your app */}
</CometChatProvider>

Call buttons render inside MessageHeader when calling is enabled.

Features

Incoming Call

The Incoming Call component displays a call screen when a call is received, showing caller info with accept/reject options.

Outgoing Call

The Outgoing Call component displays an outgoing call screen with recipient info and call status. Transitions to the ongoing call screen when the receiver accepts.

Call Logs

The Call Logs component displays call history — caller, time, and duration.

Next Steps

Message Header

Message header with integrated call buttons

Incoming Call

Incoming call notifications and UI

Call Logs

Call history and details

Core Features

Core chat features

Smart Chat Features

Overview

⌘I

​Overview

​Integration

​Features

​Incoming Call

​Outgoing Call

​Call Logs

​Next Steps

Message Header

Incoming Call

Call Logs

Core Features

Overview

Integration

Features

Incoming Call

Outgoing Call

Call Logs

Next Steps