RtkBreakoutRoomsToggle

Last updated Oct 19, 2026 Control bar button that opens and closes the RtkBreakoutRoomsManager. Automatically hides if the local participant has neither canAlterConnectedMeetings nor canSwitchConnectedMeetings permission.

Properties

Property Type Required Default Description
meeting RealtimeKitClient ✅ - The RealtimeKit meeting instance
size 'lg' \| 'md' \| 'sm' \| 'xl' ❌ - Icon size
iconPack IconPack ❌ defaultIconPack Custom icon pack
t RtkI18n ❌ - i18n translation function

Usage Examples

Basic Usage

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

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

With Size

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

function MyComponent() {
    return <RtkBreakoutRoomsToggle meeting={meeting} size="md" />;
}

Was this helpful?

YesNo

On this page

RtkBreakoutRoomsToggle - 图1Docs

{"@context":"https://schema.org","@type":"TechArticle","@id":"https://developers.cloudflare.com/realtime/realtimekit/humans/ui-kit/api-reference/react-native/rtkbreakoutroomstoggle/#page","headline":"RtkBreakoutRoomsToggle","description":"API reference for RtkBreakoutRoomsToggle component (React Native Library)","url":"https://developers.cloudflare.com/realtime/realtimekit/humans/ui-kit/api-reference/react-native/rtkbreakoutroomstoggle/","inLanguage":"en","image":"https://developers.cloudflare.com/realtime/realtimekit/humans/ui-kit/api-reference/react-native/rtkbreakoutroomstoggle/og.png?v=e25d5a1d0aaca522","dateModified":"2026-10-19","publisher":{"@type":"Organization","name":"Cloudflare","description":"One platform for your apps, agents, and workforce. Build, secure, and scale without managing infrastructure","url":"https://www.cloudflare.com/","sameAs":["https://github.com/cloudflare","https://www.linkedin.com/company/cloudflare","https://x.com/cloudflare"],"logo":{"@type":"ImageObject","url":"https://developers.cloudflare.com/logo.svg"},"address":{"@type":"PostalAddress","streetAddress":"101 Townsend St","addressLocality":"San Francisco","addressRegion":"CA","postalCode":"94107","addressCountry":"US"},"contactPoint":[{"@type":"ContactPoint","contactType":"Customer Support","url":"https://support.cloudflare.com/","availableLanguage":["English"]},{"@type":"ContactPoint","contactType":"Sales","url":"https://www.cloudflare.com/contact/","availableLanguage":["English"]}]},"isPartOf":{"@type":"WebSite","@id":"https://developers.cloudflare.com/#website","name":"Cloudflare Docs","url":"https://developers.cloudflare.com/"}}


description: API reference for RtkButton component (React Native Library) title: RtkButton image: https://developers.cloudflare.com/realtime/realtimekit/humans/ui-kit/api-reference/react-native/rtkbutton/og.png?v=1f01e255896b340a


Skip to content

Documentation Index
Fetch the complete documentation index at: https://developers.cloudflare.com/realtime/llms.txt
Use this file to discover all available pages before exploring further.