rtk-chat-toggle

A button which toggles visibility of chat. You need to pass the meeting object to it to see the unread messages count badge. When clicked it emits a rtkStateUpdate event with the data:

TypeScript

{ activeSidebar: boolean; sidebar: 'chat' }

Properties

Property	Type	Required	Default	Description
iconPack	IconPack	❌	defaultIconPack	Icon pack
meeting	Meeting	✅	-	Meeting object
size	Size	✅	-	Size
states	States	✅	-	States object
t	RtkI18n	❌	useLanguage()	Language
variant	ControlBarVariant	✅	-	Variant

Usage Examples

Basic Usage

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

With Properties

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

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

  el.meeting= meeting
</script>