← Cloudflare Realtime / realtime / realtimekit / ui-kit / api-reference / angular
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:
{ 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
<!-- component.html -->
<rtk-chat-toggle></rtk-chat-toggle>With Properties
<!-- component.html -->
<rtk-chat-toggle
[meeting]="meeting"
size="md"
variant="button">
</rtk-chat-toggle>