---
title: rtk-sidebar-ui
description: API reference for rtk-sidebar-ui component (Angular Library)
image: https://developers.cloudflare.com/dev-products-preview.png
---

> Documentation Index  
> Fetch the complete documentation index at: https://developers.cloudflare.com/realtime/llms.txt  
> Use this file to discover all available pages before exploring further.

[Skip to content](#%5Ftop) 

# rtk-sidebar-ui

## Properties

| Property         | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | Required | Default       | Description                              |
| ---------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ------------- | ---------------------------------------- |
| currentTab       | string                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | ✅        | \-            | Default tab to open                      |
| focusCloseButton | boolean                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | ✅        | \-            | Option to focus close button when opened |
| hideCloseAction  | boolean                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | ✅        | \-            | Hide Close Action                        |
| hideHeader       | boolean                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | ✅        | \-            | Hide Main Header                         |
| iconPack         | { people: string; people\_checked: string; chat: string; poll: string; participants: string; rocket: string; call\_end: string; share: string; mic\_on: string; mic\_off: string; video\_on: string; video\_off: string; share\_screen\_start: string; share\_screen\_stop: string; share\_screen\_person: string; clock: string; dismiss: string; send: string; search: string; more\_vertical: string; chevron\_down: string; chevron\_up: string; chevron\_left: string; chevron\_right: string; settings: string; wifi: string; speaker: string; speaker\_off: string; download: string; full\_screen\_maximize: string; full\_screen\_minimize: string; copy: string; attach: string; image: string; emoji\_multiple: string; image\_off: string; disconnected: string; wand: string; recording: string; subtract: string; stop\_recording: string; warning: string; pin: string; pin\_off: string; spinner: string; breakout\_rooms: string; add: string; shuffle: string; edit: string; delete: string; back: string; save: string; web: string; checkmark: string; spotlight: string; join\_stage: string; leave\_stage: string; pip\_off: string; pip\_on: string; signal\_1: string; signal\_2: string; signal\_3: string; signal\_4: string; signal\_5: string; start\_livestream: string; stop\_livestream: string; viewers: string; debug: string; info: string; devices: string; horizontal\_dots: string; ai\_sparkle: string; meeting\_ai: string; captionsOn: string; captionsOff: string; play: string; pause: string; fastForward: string; minimize: string; maximize: string; } | ✅        | \-            | Icon Pack                                |
| t                | RtkI18n1                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | ❌        | useLanguage() | Language                                 |
| tabs             | RtkSidebarTab1\[\]                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | ✅        | \-            | Tabs                                     |
| view             | RtkSidebarView1                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | ✅        | \-            | View                                     |

## Usage Examples

### Basic Usage

```

<!-- component.html -->

<rtk-sidebar-ui></rtk-sidebar-ui>


```

### With Properties

```

<!-- component.html -->

<rtk-sidebar-ui

 currentTab="example"

 [focusCloseButton]="true"

 [hideCloseAction]="true">

</rtk-sidebar-ui>


```

```json
{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"/directory/","name":"Directory"}},{"@type":"ListItem","position":2,"item":{"@id":"/realtime/","name":"Realtime"}},{"@type":"ListItem","position":3,"item":{"@id":"/realtime/realtimekit/","name":"RealtimeKit"}},{"@type":"ListItem","position":4,"item":{"@id":"/realtime/realtimekit/ui-kit/","name":"Build using UI Kit"}},{"@type":"ListItem","position":5,"item":{"@id":"/realtime/realtimekit/ui-kit/api-reference/","name":"Component Reference"}},{"@type":"ListItem","position":6,"item":{"@id":"/realtime/realtimekit/ui-kit/api-reference/angular/","name":"Angular"}},{"@type":"ListItem","position":7,"item":{"@id":"/realtime/realtimekit/ui-kit/api-reference/angular/rtk-sidebar-ui/","name":"rtk-sidebar-ui"}}]}
```