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"
    />
  );
}