← Cloudflare Realtime / realtime / realtimekit / ui-kit / api-reference / core

rtk-meeting

Jediná komponenta, která vykreslí celé uživatelské rozhraní schůzky. Načte vaši předvolbu a na jejím základě vykreslí uživatelské rozhraní. Díky této komponentě nemusíte řešit všechny stavy, dialogy a další drobnosti spojené se správou aplikace.

Vlastnosti

Vlastnost	Typ	Povinné	Výchozí	Popis
`applyDesignSystem`	`boolean`	✅	-	Zda se má designový systém z konfigurace použít na kořenový prvek dokumentu
`config`	`UIConfig`	✅	-	Konfigurace UI
`gridLayout`	`GridLayout1`	✅	-	Rozložení Grid
`iconPack`	`IconPack`	❌	`defaultIconPack`	Sada ikon
`leaveOnUnmount`	`boolean`	✅	-	Zda má účastník opustit relaci při unmountu této komponenty
`loadConfigFromPreset`	`boolean`	✅	-	Zda načíst konfiguraci z předvolby
`meeting`	`Meeting`	✅	-	Objekt Meeting
`mode`	`MeetingMode`	✅	-	Typ vyplnění
`overrides`	`Overrides`	❌	`defaultOverrides`	Přepsání UI Kit
`showSetupScreen`	`boolean`	✅	-	Zda zobrazit obrazovku nastavení
`size`	`Size`	✅	-	Velikost
`t`	`RtkI18n`	❌	`useLanguage()`	Jazyk

Příklady použití

Základní použití

<rtk-meeting></rtk-meeting>

S vlastnostmi

<rtk-meeting>
</rtk-meeting>

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

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