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

rtk-notifications (2) - 图1Docs

{"@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


Skip to content

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.