RtkNotifications

Container that manages and displays meeting notifications (participant join/leave, chat messages, polls, network status) with sound effects.

Properties

Property	Type	Required	Default	Description
meeting	RealtimeKitClient	✅	-	The RealtimeKit meeting instance
config	UIConfig	✅	defaultConfig	UI configuration object
iconPack	IconPack	✅	defaultIconPack	Custom icon pack
size	'lg' | 'md' | 'sm' | 'xl'	✅	'sm'	Size variant
states	States	✅	-	UI state object
t	RtkI18n	✅	-	i18n translation function

Usage Examples

Basic Usage

import {
  RtkNotifications,
  useLanguage,
} from "@cloudflare/realtimekit-react-native-ui";

function MyComponent() {
  const t = useLanguage();
  return (
    <RtkNotifications
      meeting={meeting}
      config={config}
      iconPack={iconPack}
      size="sm"
      states={states}
      t={t}
    />
  );
}

Explain Code

With Properties

import {
  RtkNotifications,
  defaultConfig,
  defaultIconPack,
  useLanguage,
} from "@cloudflare/realtimekit-react-native-ui";

function MyComponent() {
  const t = useLanguage();
  return (
    <RtkNotifications
      meeting={meeting}
      config={defaultConfig}
      iconPack={defaultIconPack}
      size="md"
      states={states}
      t={t}
    />
  );
}

Explain Code