Skip to content

RtkBreakoutRoomsManager

Last updated View as MarkdownAgent setup

Full-screen modal for managing breakout rooms. Hosts can create rooms, assign participants, rename rooms, shuffle participants randomly, and start, update, or close a breakout session. Participants without alter permissions see a simplified room-switcher view instead.

The component is visibility-controlled by the activeBreakoutRoomsManager field in the UI state. Use RtkBreakoutRoomsToggle to open it, or set the state directly.

Properties

Property Type Required Default Description
meeting RealtimeKitClient - The RealtimeKit meeting instance
iconPack IconPack defaultIconPack Custom icon pack
t RtkI18n - i18n translation function
states States - UI state object

Usage Examples

Basic Usage

import { RtkBreakoutRoomsManager } from "@cloudflare/realtimekit-react-native-ui";

function MyComponent() {
	return <RtkBreakoutRoomsManager meeting={meeting} />;
}

With Custom Icon Pack

import { RtkBreakoutRoomsManager } from "@cloudflare/realtimekit-react-native-ui";
import { myIconPack } from "./icons";

function MyComponent() {
	return <RtkBreakoutRoomsManager meeting={meeting} iconPack={myIconPack} />;
}

Was this helpful?