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

rtk-chat-toggle

Tlačítko, které přepíná viditelnost chatu. Je potřeba předat meeting a zobrazí se odznak s počtem nepřečtených zpráv. Po kliknutí emituje rtkStateUpdate událost s daty:

{ activeSidebar: boolean; sidebar: 'chat' }

Vlastnosti

Vlastnost	Typ	Povinné	Výchozí	Popis
`iconPack`	`IconPack`	❌	`defaultIconPack`	Sada ikon
`meeting`	`Meeting`	✅	-	Objekt Meeting
`size`	`Size`	✅	-	Velikost
`states`	`States`	✅	-	Objekt States
`t`	`RtkI18n`	❌	`useLanguage()`	Jazyk
`variant`	`ControlBarVariant`	✅	-	Varianta

Příklady použití

Základní použití

<rtk-chat-toggle></rtk-chat-toggle>

S vlastnostmi

<rtk-chat-toggle
 size="md"
 variant"button">
</rtk-chat-toggle>

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

  el.meeting= meeting
</script>