Skip to content

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

PropertyTypeRequiredDefaultDescription
iconPackIconPack❌defaultIconPackIcon pack
meetingMeeting✅-Meeting object
sizeSize✅-Size
statesStates✅-States object
tRtkI18n❌useLanguage()Language
variantControlBarVariant✅-Variant

Usage Examples

Basic Usage

<!-- component.html -->
<rtk-chat-toggle></rtk-chat-toggle>

With Properties

<!-- component.html -->
<rtk-chat-toggle
[meeting]="meeting"
size="md"
variant="button">
</rtk-chat-toggle>