RtkDialogManager

A component which handles all dialog elements in a component such as:

• rtk-settings
• rtk-leave-meeting
• rtk-permissions-message
• rtk-image-viewer
• rtk-breakout-rooms-manager This components depends on the values from states object.

Properties

Property	Type	Required	Default	Description
config	UIConfig	❌	createDefaultConfig()	UI Config
iconPack	IconPack	❌	defaultIconPack	Icon pack
meeting	Meeting	✅	-	Meeting object
size	Size	✅	-	Size
states	States	✅	-	States object
t	RtkI18n	❌	useLanguage()	Language

Usage Examples

Basic Usage

import { RtkDialogManager } from '@cloudflare/realtimekit-react-ui';

function MyComponent() {
  return <RtkDialogManager />;
}

With Properties

import { RtkDialogManager } from '@cloudflare/realtimekit-react-ui';

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