Skip to main content
  • Packages: @cometchat/chat-uikit-react + @cometchat/calls-sdk-javascript (npm install @cometchat/calls-sdk-javascript)
  • Required setup: CometChatUIKit.init(UIKitSettings) then CometChatUIKit.login("UID") — Calls SDK must also be installed
  • Call features: Incoming Call, Outgoing Call, Call Logs, Call Buttons
  • Key components: CometChatCallButtons → Call Buttons, CometChatIncomingCall → Incoming Call, CometChatOutgoingCall → Outgoing Call, CometChatCallLogs → Call Logs
  • Auto-detection: UI Kit automatically detects the Calls SDK and enables 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 the UI Kit auto-detects it, enabling call components.
Ensure CometChatUIKit.init(UIKitSettings) has completed and the user is logged in via CometChatUIKit.login("UID"). See React.js Integration.

​
Integration

Install the Calls SDK: 
npm install @cometchat/calls-sdk-javascript
The React UI Kit auto-detects the SDK and activates calling features. CallButtons renders in MessageHeader.

​
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

Call Buttons

Audio and video call buttons

Incoming Call

Incoming call notifications and UI

Call Logs

Call history and details

Core Features

Core chat features