RtkControlbar

Controlbar component provides you with various designs as variants.

Properties

Property	Type	Required	Default	Description
config	UIConfig1	❌	createDefaultConfig()	Config
disableRender	boolean	✅	-	Whether to render the default UI
iconPack	IconPack1	❌	defaultIconPack	Icon Pack
meeting	Meeting	✅	-	Meeting
size	Size	✅	-	Size
states	States	✅	-	States
t	RtkI18n	❌	useLanguage()	Language
variant	'solid' | 'boxed'	✅	-	Variant

Usage Examples

Basic Usage

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

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

With Properties

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

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