[ Web Proxy ]
URL:
Viewing: https://developers.cloudflare.com/realtime/realtimekit/ui-kit/api-reference/angular/rtk-sidebar/ [Back]  [Original]

rtk-sidebar Cloudflare Realtime docsSkip to content
SearchCtrlKLog in
  1. Home
  2. /Realtime
  3. /
  4. /Angular
  5. /rtk-sidebar

rtk-sidebar

Last updated Apr 21, 2026Copy as MarkdownView as MarkdownAgent setup
OverviewPropertiesUsage ExamplesBasic UsageWith Properties

A component which handles the sidebar and you can customize which sections you want, and which section you want as the default.

Properties

Property Type Required Default Description
config UIConfig createDefaultConfig() Config
defaultSection RtkSidebarSection - Default section
enabledSections RtkSidebarTab[] - Enabled sections in sidebar
iconPack IconPack defaultIconPack Icon pack
meeting Meeting - Meeting object
size Size - Size
states States - States object
t RtkI18n useLanguage() Language
view RtkSidebarView - View type

Usage Examples

Basic Usage

<!-- component.html -->
<rtk-sidebar></rtk-sidebar>

With Properties

<!-- component.html -->
<rtk-sidebar
 [defaultSection]="rtksidebarsection"
 [enabledSections]="[]"
 [meeting]="meeting">
</rtk-sidebar>
Previousrtk-setup-screenNextrtk-sidebar-ui

Was this helpful?

YesNo
Edit pageReport issue
[]

Web Proxy Viewer  |  New URL  |  Original Page