RtkChatToggle.mdx

pcx_content_type	reference
title	RtkChatToggle
description	API reference for RtkChatToggle component (React Native Library)

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