rtk-meeting

Last updated Apr 21, 2026Copy as MarkdownView as MarkdownAgent setup

OverviewPropertiesUsage ExamplesBasic UsageWith Properties

A single component which renders an entire meeting UI. It loads your preset and renders the UI based on it. With this component, you don't have to handle all the states, dialogs and other smaller bits of managing the application.

Properties

Property	Type	Default	Description
`applyDesignSystem`	`boolean`	-	Whether to apply the design system on the document root from config
`config`	`UIConfig`	-	UI Config
`gridLayout`	`GridLayout1`	-	Grid layout
`iconPack`	`IconPack`	`defaultIconPack`	Icon pack
`leaveOnUnmount`	`boolean`	-	Whether participant should leave when this component gets unmounted
`loadConfigFromPreset`	`boolean`	-	Whether to load config from preset
`meeting`	`Meeting`	-	Meeting object
`mode`	`MeetingMode`	-	Fill type
`overrides`	`Overrides`	`defaultOverrides`	UI Kit Overrides
`showSetupScreen`	`boolean`	-	Whether to show setup screen or not
`size`	`Size`	-	Size
`t`	`RtkI18n`	`useLanguage()`	Language

Usage Examples

Basic Usage

<rtk-meeting></rtk-meeting>

With Properties

<rtk-meeting>
</rtk-meeting>

<script>
  const el = document.querySelector("rtk-meeting");

  el.applyDesignSystem= true;
  el.config= defaultUiConfig
</script>

Previousrtk-markdown-view Nextrtk-meeting-title

Was this helpful?

YesNo

Edit page Report issue

rtk-meeting

Properties

Usage Examples

Basic Usage

With Properties

On this page