Skip to content

RtkBreakoutRoomsToggle

A button which toggles visibility of breakout rooms. You need to pass the meeting object to it.

Properties

PropertyTypeRequiredDefaultDescription
iconPackIconPack✅-Icon pack
meetingMeeting✅-Meeting object
sizeSize✅-Size
statesStates✅-States object
tRtkI18n✅-Language
variantControlBarVariant✅-Variant

Usage Examples

Basic Usage

import { RtkBreakoutRoomsToggle } from '@cloudflare/realtimekit-react-ui';
function MyComponent() {
return <RtkBreakoutRoomsToggle />;
}

With Properties

import { RtkBreakoutRoomsToggle } from '@cloudflare/realtimekit-react-ui';
function MyComponent() {
return (
<RtkBreakoutRoomsToggle
iconPack={defaultIconPack}
meeting={meeting}
size="md"
/>
);
}