Skip to content

RtkChatToggle

Last updated View as MarkdownAgent setup

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

Properties

Property Type Required Default Description
meeting RealtimeKitClient - The RealtimeKit meeting instance
size 'lg' | 'md' | 'sm' | 'xl' - Icon size
states States - UI state object
variant 'button' | 'horizontal' - Layout variant
iconPack IconPack - Custom icon pack
t RtkI18n - 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" />;
}

Was this helpful?