![[]](https://developers.cloudflare.com/_astro/logo.te5VL_aD.svg){kind=link}
- OverviewBeta
- RealtimeKitBeta
- Overview
- Quickstart
- Select SDK(s)
- Build using UI Kit
- Getting Started
- State Management
- Component Library
- Build Your Own UI
- Add Custom Header
- Add Custom Controlbar
- UI Kit Addons
- Customise Branding
- Meeting Locale
- Breakout Rooms
- Component Reference
- Android
- RtkAudioDeviceSelector
- RtkAvatarView
- RtkButton
- RtkCameraToggleButton
- RtkChatBottomSheet
- RtkClockView
- RtkControlBarButton
- RtkControlBarView
- RtkCreatePollBottomSheet
- RtkDesignTokens
- RtkErrorView
- RtkGridPaginatorView
- RtkGridView
- RtkHeaderView
- RtkJoinButton
- RtkJoinLivestreamButton
- RtkJoinStageDialog
- RtkLeaveButton
- RtkLeaveMeetingView
- RtkLivestreamControlBarView
- RtkLivestreamHeaderView
- RtkLivestreamIndicator
- RtkLivestreamToggleButton
- RtkLivestreamViewerCount
- RtkLoaderView
- RtkMeetingActivity
- RtkMeetingControlBarView
- RtkMeetingHeaderView
- RtkMeetingOptionBottomSheet
- RtkMeetingTitleView
- RtkMicToggleButton
- RtkMoreToggleButton
- RtkNameTagView
- RtkParticipantAudioIndicator
- RtkParticipantCountView
- RtkParticipantsFragment
- RtkParticipantTileView
- RtkParticipantVideoIndicator
- RtkPluginsBottomSheet
- RtkPollsBottomSheet
- RtkRecordingIndicator
- RtkSettingsBottomsheet
- RtkSettingsFragment
- RtkSetupFragment
- RtkTabSyncToggleButton
- RtkVideoDeviceSelector
- RtkVideoPeer
- RtkWebinarControlBarView
- RtkWebinarStageToggleButton
- Angular
- rtk-ai
- rtk-ai-toggle
- rtk-ai-transcriptions
- rtk-audio-grid
- rtk-audio-tile
- rtk-audio-visualizer
- rtk-avatar
- rtk-breakout-room-manager
- rtk-breakout-room-participants
- rtk-breakout-rooms-manager
- rtk-breakout-rooms-toggle
- rtk-broadcast-message-modal
- rtk-button
- rtk-camera-selector
- rtk-camera-toggle
- rtk-caption-toggle
- rtk-chat
- rtk-chat-composer-ui
- rtk-chat-composer-view
- rtk-chat-header
- rtk-chat-message
- rtk-chat-messages-ui
- rtk-chat-messages-ui-paginated
- rtk-chat-search-results
- rtk-chat-selector
- rtk-chat-selector-ui
- rtk-chat-toggle
- rtk-clock
- rtk-confirmation-modal
- rtk-controlbar
- rtk-controlbar-button
- rtk-counter
- rtk-debugger
- rtk-debugger-audio
- rtk-debugger-screenshare
- rtk-debugger-system
- rtk-debugger-toggle
- rtk-debugger-video
- rtk-dialog
- rtk-dialog-manager
- rtk-draft-attachment-view
- rtk-emoji-picker
- rtk-emoji-picker-button
- rtk-ended-screen
- rtk-file-dropzone
- rtk-file-message
- rtk-file-message-view
- rtk-file-picker-button
- rtk-fullscreen-toggle
- rtk-grid
- rtk-grid-pagination
- rtk-header
- rtk-icon
- rtk-idle-screen
- rtk-image-message
- rtk-image-message-view
- rtk-image-viewer
- rtk-information-tooltip
- rtk-join-stage
- rtk-leave-button
- rtk-leave-meeting
- rtk-livestream-indicator
- rtk-livestream-player
- rtk-livestream-toggle
- rtk-logo
- rtk-markdown-view
- rtk-meeting
- rtk-meeting-title
- rtk-menu
- rtk-menu-item
- rtk-menu-list
- rtk-message-list-view
- rtk-message-view
- rtk-mic-toggle
- rtk-microphone-selector
- rtk-mixed-grid
- rtk-more-toggle
- rtk-mute-all-button
- rtk-mute-all-confirmation
- rtk-name-tag
- rtk-network-indicator
- rtk-notification
- rtk-notifications
- rtk-overlay-modal
- rtk-paginated-list
- rtk-participant
- rtk-participant-count
- rtk-participant-setup
- rtk-participant-tile
- rtk-participants
- rtk-participants-audio
- rtk-participants-stage-list
- rtk-participants-stage-queue
- rtk-participants-toggle
- rtk-participants-viewer-list
- rtk-participants-waiting-list
- rtk-permissions-message
- rtk-pinned-message-selector
- rtk-pip-toggle
- rtk-plugin-main
- rtk-plugins
- rtk-plugins-toggle
- rtk-poll
- rtk-poll-form
- rtk-polls
- rtk-polls-toggle
- rtk-recording-indicator
- rtk-recording-toggle
- rtk-screen-share-toggle
- rtk-screenshare-view
- rtk-settings
- rtk-settings-audio
- rtk-settings-toggle
- rtk-settings-video
- rtk-setup-screen
- rtk-sidebar
- rtk-sidebar-ui
- rtk-simple-grid
- rtk-speaker-selector
- rtk-spinner
- rtk-spotlight-grid
- rtk-spotlight-indicator
- rtk-stage
- rtk-stage-toggle
- rtk-switch
- rtk-tab-bar
- rtk-text-composer-view
- rtk-text-message
- rtk-text-message-view
- rtk-tooltip
- rtk-transcript
- rtk-transcripts
- rtk-ui-provider
- rtk-viewer-count
- rtk-virtualized-participant-list
- rtk-waiting-screen
- Flutter
- RtkAudioIndicatorIconWidget
- RtkChatIconWidget
- RtkJoinButton
- RtkLeaveButton
- RtkLeaveMeetingDialog
- RtkMeetingTitle
- RtkNameTag
- RtkParticipantsIconWidget
- RtkParticipantTile
- RtkPluginIconWidget
- RtkPluginsScreen
- RtkPollsIconWidget
- RtkPollsScreen
- RtkProvider
- RtkSelfAudioToggleButton
- RtkSelfVideoToggleButton
- RtkSetupScreen
- iOS
- AppTheme
- DesignLibrary
- GridView
- MeetingViewController
- RtkActiveTabSelectorView
- RtkAudioButtonControlBar
- RtkAvatarView
- RtkButton
- RtkClockView
- RtkControlBar
- RtkControlBarButton
- RtkEndMeetingControlBarButton
- RtkEventSelfListener
- RtkImage
- RtkJoinButton
- RtkLabel
- RtkLeaveDialog
- RtkMeetingControlBar
- RtkMeetingHeaderView
- RtkMeetingNameTag
- RtkMeetingTitleLabel
- RtkMoreButtonControlBar
- RtkMoreMenu
- RtkNameTag
- RtkNavigationBar
- RtkNotificationBadgeView
- RtkNotificationConfig
- RtkParticipantCountView
- RtkParticipantTileView
- RtkPluginScreenShareTabButton
- RtkPluginsView
- RtkRecordingView
- RtkSetupViewController
- RtkStageActionButtonControlBar
- RtkSwitchCameraButtonControlBar
- RtkVideoButtonControlBar
- RtkVideoView
- RtkWaitListParticipantUpdateEventListener
- React
- RtkAi
- RtkAiToggle
- RtkAiTranscriptions
- RtkAudioGrid
- RtkAudioTile
- RtkAudioVisualizer
- RtkAvatar
- RtkBreakoutRoomManager
- RtkBreakoutRoomParticipants
- RtkBreakoutRoomsManager
- RtkBreakoutRoomsToggle
- RtkBroadcastMessageModal
- RtkButton
- RtkCameraSelector
- RtkCameraToggle
- RtkCaptionToggle
- RtkChat
- RtkChatComposerUi
- RtkChatComposerView
- RtkChatHeader
- RtkChatMessage
- RtkChatMessagesUi
- RtkChatMessagesUiPaginated
- RtkChatSearchResults
- RtkChatSelector
- RtkChatSelectorUi
- RtkChatToggle
- RtkClock
- RtkConfirmationModal
- RtkControlbar
- RtkControlbarButton
- RtkCounter
- RtkDebugger
- RtkDebuggerAudio
- RtkDebuggerScreenshare
- RtkDebuggerSystem
- RtkDebuggerToggle
- RtkDebuggerVideo
- RtkDialog
- RtkDialogManager
- RtkDraftAttachmentView
- RtkEmojiPicker
- RtkEmojiPickerButton
- RtkEndedScreen
- RtkFileDropzone
- RtkFileMessage
- RtkFileMessageView
- RtkFilePickerButton
- RtkFullscreenToggle
- RtkGrid
- RtkGridPagination
- RtkHeader
- RtkIcon
- RtkIdleScreen
- RtkImageMessage
- RtkImageMessageView
- RtkImageViewer
- RtkInformationTooltip
- RtkJoinStage
- RtkLeaveButton
- RtkLeaveMeeting
- RtkLivestreamIndicator
- RtkLivestreamPlayer
- RtkLivestreamToggle
- RtkLogo
- RtkMarkdownView
- RtkMeeting
- RtkMeetingTitle
- RtkMenu
- RtkMenuItem
- RtkMenuList
- RtkMessageListView
- RtkMessageView
- RtkMicrophoneSelector
- RtkMicToggle
- RtkMixedGrid
- RtkMoreToggle
- RtkMuteAllButton
- RtkMuteAllConfirmation
- RtkNameTag
- RtkNetworkIndicator
- RtkNotification
- RtkNotifications
- RtkOverlayModal
- RtkPaginatedList
- RtkParticipant
- RtkParticipantCount
- RtkParticipants
- RtkParticipantsAudio
- RtkParticipantSetup
- RtkParticipantsStageList
- RtkParticipantsStageQueue
- RtkParticipantsToggle
- RtkParticipantsViewerList
- RtkParticipantsWaitingList
- RtkParticipantTile
- RtkPermissionsMessage
- RtkPinnedMessageSelector
- RtkPipToggle
- RtkPluginMain
- RtkPlugins
- RtkPluginsToggle
- RtkPoll
- RtkPollForm
- RtkPolls
- RtkPollsToggle
- RtkRecordingIndicator
- RtkRecordingToggle
- RtkScreenShareToggle
- RtkScreenshareView
- RtkSettings
- RtkSettingsAudio
- RtkSettingsToggle
- RtkSettingsVideo
- RtkSetupScreen
- RtkSidebar
- RtkSidebarUi
- RtkSimpleGrid
- RtkSpeakerSelector
- RtkSpinner
- RtkSpotlightGrid
- RtkSpotlightIndicator
- RtkStage
- RtkStageToggle
- RtkSwitch
- RtkTabBar
- RtkTextComposerView
- RtkTextMessage
- RtkTextMessageView
- RtkTooltip
- RtkTranscript
- RtkTranscripts
- RtkUiProvider
- RtkViewerCount
- RtkVirtualizedParticipantList
- RtkWaitingScreen
- React Native
- RtkAudioVisualizer
- RtkAvatar
- RtkBreakoutRoomsManager
- RtkBreakoutRoomsToggle
- RtkButton
- RtkCameraToggle
- RtkChat
- RtkChatToggle
- RtkClock
- RtkControlbar
- RtkControlbarButton
- RtkDialog
- RtkDialogManager
- RtkEndedScreen
- RtkFileMessage
- RtkGrid
- RtkGridPagination
- RtkHeader
- RtkIcon
- RtkIdleScreen
- RtkImageMessage
- RtkImageViewer
- RtkJoinStage
- RtkLeaveButton
- RtkLeaveMeeting
- RtkLiveStreamIndicator
- RtkLiveStreamPlayer
- RtkLiveStreamStageToggle
- RtkLiveStreamToggle
- RtkLiveStreamViewerCount
- RtkLogo
- RtkMeeting
- RtkMeetingTitle
- RtkMenu
- RtkMenuItem
- RtkMenuList
- RtkMicToggle
- RtkMixedGrid
- RtkMoreToggle
- RtkMuteToggle
- RtkNameTag
- RtkNotification
- RtkNotifications
- RtkParticipant
- RtkParticipantCount
- RtkParticipants
- RtkParticipantTile
- RtkParticipantToggle
- RtkParticipantWaiting
- RtkPermissionsMessage
- RtkPluginMain
- RtkPlugins
- RtkPluginsToggle
- RtkPoll
- RtkPollForm
- RtkPolls
- RtkPollsToggle
- RtkRecordingIndicator
- RtkRecordingToggle
- RtkScreenShareToggle
- RtkScreenshareView
- RtkSettings
- RtkSettingsAudio
- RtkSettingsToggle
- RtkSettingsVideo
- RtkSetupScreen
- RtkSidebar
- RtkSimpleGrid
- RtkSpinner
- RtkSpotlightGrid
- RtkText
- RtkTextField
- RtkUIProvider
- RtkWaitingScreen
- RtkWebinarStageToggle
- Web Components (HTML)
- rtk-ai
- rtk-ai-toggle
- rtk-ai-transcriptions
- rtk-audio-grid
- rtk-audio-tile
- rtk-audio-visualizer
- rtk-avatar
- rtk-breakout-room-manager
- rtk-breakout-room-participants
- rtk-breakout-rooms-manager
- rtk-breakout-rooms-toggle
- rtk-broadcast-message-modal
- rtk-button
- rtk-camera-selector
- rtk-camera-toggle
- rtk-caption-toggle
- rtk-chat
- rtk-chat-composer-ui
- rtk-chat-composer-view
- rtk-chat-header
- rtk-chat-message
- rtk-chat-messages-ui
- rtk-chat-messages-ui-paginated
- rtk-chat-search-results
- rtk-chat-selector
- rtk-chat-selector-ui
- rtk-chat-toggle
- rtk-clock
- rtk-confirmation-modal
- rtk-controlbar
- rtk-controlbar-button
- rtk-counter
- rtk-debugger
- rtk-debugger-audio
- rtk-debugger-screenshare
- rtk-debugger-system
- rtk-debugger-toggle
- rtk-debugger-video
- rtk-dialog
- rtk-dialog-manager
- rtk-draft-attachment-view
- rtk-emoji-picker
- rtk-emoji-picker-button
- rtk-ended-screen
- rtk-file-dropzone
- rtk-file-message
- rtk-file-message-view
- rtk-file-picker-button
- rtk-fullscreen-toggle
- rtk-grid
- rtk-grid-pagination
- rtk-header
- rtk-icon
- rtk-idle-screen
- rtk-image-message
- rtk-image-message-view
- rtk-image-viewer
- rtk-information-tooltip
- rtk-join-stage
- rtk-leave-button
- rtk-leave-meeting
- rtk-livestream-indicator
- rtk-livestream-player
- rtk-livestream-toggle
- rtk-logo
- rtk-markdown-view
- rtk-meeting
- rtk-meeting-title
- rtk-menu
- rtk-menu-item
- rtk-menu-list
- rtk-message-list-view
- rtk-message-view
- rtk-mic-toggle
- rtk-microphone-selector
- rtk-mixed-grid
- rtk-more-toggle
- rtk-mute-all-button
- rtk-mute-all-confirmation
- rtk-name-tag
- rtk-network-indicator
- rtk-notification
- rtk-notifications
- rtk-overlay-modal
- rtk-paginated-list
- rtk-participant
- rtk-participant-count
- rtk-participant-setup
- rtk-participant-tile
- rtk-participants
- rtk-participants-audio
- rtk-participants-stage-list
- rtk-participants-stage-queue
- rtk-participants-toggle
- rtk-participants-viewer-list
- rtk-participants-waiting-list
- rtk-permissions-message
- rtk-pinned-message-selector
- rtk-pip-toggle
- rtk-plugin-main
- rtk-plugins
- rtk-plugins-toggle
- rtk-poll
- rtk-poll-form
- rtk-polls
- rtk-polls-toggle
- rtk-recording-indicator
- rtk-recording-toggle
- rtk-screen-share-toggle
- rtk-screenshare-view
- rtk-settings
- rtk-settings-audio
- rtk-settings-toggle
- rtk-settings-video
- rtk-setup-screen
- rtk-sidebar
- rtk-sidebar-ui
- rtk-simple-grid
- rtk-speaker-selector
- rtk-spinner
- rtk-spotlight-grid
- rtk-spotlight-indicator
- rtk-stage
- rtk-stage-toggle
- rtk-switch
- rtk-tab-bar
- rtk-text-composer-view
- rtk-text-message
- rtk-text-message-view
- rtk-tooltip
- rtk-transcript
- rtk-transcripts
- rtk-ui-provider
- rtk-viewer-count
- rtk-virtualized-participant-list
- rtk-waiting-screen
- Build using Core SDK
- Collaborative Stores
- Recording
- Overview
- Start Recording
- Stop Recording
- Monitor Recording Status
- Configure Video Settings
- Set Audio Configurations
- Add Watermark
- Disable Upload to RealtimeKit Bucket
- Track recording
- Create Custom Recording App Using Recording SDKs
- Interactive Recordings with Timed Metadata
- Manage Recording Config Precedence Order
- Upload Recording to Your Cloud
- Custom Plugins
- Audio Only Calls
- Webhooks
- Best practices
- FAQ
- REST API Reference API
- Pricing
- Legal
- Message Broadcast APIs
rtk-tab-bar
OverviewPropertiesUsage ExamplesBasic UsageWith Properties
| Property | Type | Required | Default | Description |
|---|---|---|---|---|
activeTab |
Tab |
- | Active tab | |
config |
UIConfig |
createDefaultConfig() |
UI Config | |
iconPack |
IconPack |
defaultIconPack |
Icon Pack | |
layout |
GridLayout1 |
- | Grid Layout | |
meeting |
Meeting |
- | Meeting object | |
size |
Size |
- | Size | |
states |
States |
- | States object | |
t |
RtkI18n |
useLanguage() |
Language | |
tabs |
Tab[] |
- | Tabs |
<!-- component.html -->
<rtk-tab-bar></rtk-tab-bar><!-- component.html -->
<rtk-tab-bar
[activeTab]="tab"
[layout]="gridlayout1"
[meeting]="meeting">
</rtk-tab-bar> 2026 Cloudflare, Inc.
[privacy options]Your privacy choices
[privacy options]Your privacy choices![[privacy options]](https://developers.cloudflare.com/cdn-cgi/image/onerror=redirect,width=26,height=12,format=svg/_astro/privacyoptions.BWXSiJOZ.svg){kind=link}