Skip to content

RtkSettingsAudio

Audio settings panel with device selection dropdown, audio visualizer preview, and notification sound toggle.

Properties

PropertyTypeRequiredDefaultDescription
meetingRealtimeKitClient-The RealtimeKit meeting instance
iconPackIconPackdefaultIconPackCustom icon pack
size'lg' | 'md' | 'sm' | 'xl''sm'Size variant
statesStates-UI state object
tRtkI18n-i18n translation function

Usage Examples

Basic Usage

import { RtkSettingsAudio } from "@cloudflare/realtimekit-react-native-ui";
function MyComponent() {
return <RtkSettingsAudio meeting={meeting} />;
}

With Properties

import { RtkSettingsAudio } from "@cloudflare/realtimekit-react-native-ui";
function MyComponent() {
return <RtkSettingsAudio meeting={meeting} size="md" states={states} />;
}