Call

Overview of CometChat React UI Kit calling features, including incoming calls, outgoing calls, call logs, and call components.

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