跳转到主要内容

RtkChatToggle

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" />;
}