RtkMicToggle

Last updated Oct 19, 2026 Toggle button to enable or disable the local participant's microphone. Automatically hides if the participant lacks audio production permissions.

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 { RtkMicToggle } from "@cloudflare/realtimekit-react-native-ui";

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

With Properties

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

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

Was this helpful?

YesNo

On this page

RtkMicToggle - 图1Docs

{"@context":"https://schema.org","@type":"TechArticle","@id":"https://developers.cloudflare.com/realtime/realtimekit/humans/ui-kit/api-reference/react-native/rtkmictoggle/#page","headline":"RtkMicToggle","description":"API reference for RtkMicToggle component (React Native Library)","url":"https://developers.cloudflare.com/realtime/realtimekit/humans/ui-kit/api-reference/react-native/rtkmictoggle/","inLanguage":"en","image":"https://developers.cloudflare.com/realtime/realtimekit/humans/ui-kit/api-reference/react-native/rtkmictoggle/og.png?v=30b7996cf191a5cb","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 RtkMixedGrid component (React Native Library) title: RtkMixedGrid image: https://developers.cloudflare.com/realtime/realtimekit/humans/ui-kit/api-reference/react-native/rtkmixedgrid/og.png?v=f2c4fa362ea19c25


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.