Skip to content

RtkChatToggle

Toggle button to open the chat sidebar panel. Hides if chat permissions are not available.

Properties

PropertyTypeRequiredDefaultDescription
meetingRealtimeKitClient-The RealtimeKit meeting instance
size'lg' | 'md' | 'sm' | 'xl'-Icon size
statesStates-UI state object
variant'button' | 'horizontal'-Layout variant
iconPackIconPack-Custom icon pack
tRtkI18n-i18n translation function

Usage Examples

Basic Usage

import { RtkChatToggle } from "@cloudflare/realtimekit-react-native-ui";
function MyComponent() {
return <RtkChatToggle meeting={meeting} />;
}

With Properties

import { RtkChatToggle } from "@cloudflare/realtimekit-react-native-ui";
function MyComponent() {
return <RtkChatToggle meeting={meeting} size="md" variant="button" />;
}