RtkRecordingToggle

Last updated Oct 19, 2026 Toggle button to start or stop meeting recording. Only visible for participants with recording permissions who are on stage.

Properties

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

Usage Examples

Basic Usage

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

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

With Properties

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

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

Was this helpful?

YesNo

On this page

RtkRecordingToggle - 图1Docs

{"@context":"https://schema.org","@type":"TechArticle","@id":"https://developers.cloudflare.com/realtime/realtimekit/humans/ui-kit/api-reference/react-native/rtkrecordingtoggle/#page","headline":"RtkRecordingToggle","description":"API reference for RtkRecordingToggle component (React Native Library)","url":"https://developers.cloudflare.com/realtime/realtimekit/humans/ui-kit/api-reference/react-native/rtkrecordingtoggle/","inLanguage":"en","image":"https://developers.cloudflare.com/realtime/realtimekit/humans/ui-kit/api-reference/react-native/rtkrecordingtoggle/og.png?v=262c9bf0f1e54224","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 RtkScreenShareToggle component (React Native Library) title: RtkScreenShareToggle image: https://developers.cloudflare.com/realtime/realtimekit/humans/ui-kit/api-reference/react-native/rtkscreensharetoggle/og.png?v=03e5ddc07ba009fe


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.