rtk-notifications (2)
Last updated Oct 19, 2026 A component which handles notifications. You can configure which notifications you want to see and which ones you want to hear. There are also certain limits which you can set as well.
Properties
| Property | Type | Required | Default | Description |
|---|---|---|---|---|
config |
UIConfig |
❌ | createDefaultConfig() |
Config object |
iconPack |
IconPack |
❌ | defaultIconPack |
Icon pack |
meeting |
Meeting |
✅ | - | Meeting object |
size |
Size |
✅ | - | Size |
states |
States |
✅ | - | States object |
t |
RtkI18n |
❌ | useLanguage() |
Language |
Usage Examples
Basic Usage
<rtk-notifications></rtk-notifications>
With Properties
<rtk-notifications
size="md">
</rtk-notifications>
<script>
const el = document.querySelector("rtk-notifications");
el.meeting = meeting;
</script>
Was this helpful?
YesNo
On this page
{"@context":"https://schema.org","@type":"WebPage","@id":"https://developers.cloudflare.com/realtime/realtimekit/humans/ui-kit/api-reference/core/rtk-notifications/#page","headline":"rtk-notifications","description":"API reference for rtk-notifications component (Web Components (HTML) Library)","url":"https://developers.cloudflare.com/realtime/realtimekit/humans/ui-kit/api-reference/core/rtk-notifications/","inLanguage":"en","image":"https://developers.cloudflare.com/realtime/realtimekit/humans/ui-kit/api-reference/core/rtk-notifications/og.png?v=d56f5082c7c85b24","dateModified":"2026-10-19","publisher":{"@type":"Organization","name":"Cloudflare","description":"One platform for your apps, agents, and workforce. Build, secure, and scale without managing infrastructure","url":"https://www.cloudflare.com/","sameAs":["https://github.com/cloudflare","https://www.linkedin.com/company/cloudflare","https://x.com/cloudflare"],"logo":{"@type":"ImageObject","url":"https://developers.cloudflare.com/logo.svg"},"address":{"@type":"PostalAddress","streetAddress":"101 Townsend St","addressLocality":"San Francisco","addressRegion":"CA","postalCode":"94107","addressCountry":"US"},"contactPoint":[{"@type":"ContactPoint","contactType":"Customer Support","url":"https://support.cloudflare.com/","availableLanguage":["English"]},{"@type":"ContactPoint","contactType":"Sales","url":"https://www.cloudflare.com/contact/","availableLanguage":["English"]}]},"isPartOf":{"@type":"WebSite","@id":"https://developers.cloudflare.com/#website","name":"Cloudflare Docs","url":"https://developers.cloudflare.com/"}}
description: API reference for rtk-overlay-modal component (Web Components (HTML) Library) title: rtk-overlay-modal image: https://developers.cloudflare.com/realtime/realtimekit/humans/ui-kit/api-reference/core/rtk-overlay-modal/og.png?v=42128bba09e5418c
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.
Docs