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.
| 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 |
import { RtkBreakoutRoomsManager } from "@cloudflare/realtimekit-react-native-ui";
function MyComponent() {
return <RtkBreakoutRoomsManager meeting={meeting} />;
}import { RtkBreakoutRoomsManager } from "@cloudflare/realtimekit-react-native-ui";
import { myIconPack } from "./icons";
function MyComponent() {
return <RtkBreakoutRoomsManager meeting={meeting} iconPack={myIconPack} />;
}