LiveNotifications
Global notification system for real-time broadcast events with priority styling.
Simple Build
Interactive Preview
Initialising Operative...
Architecture
Component Architecture
LiveNotifications/
Prop Usage
| Prop | Type | Default | Description |
|---|---|---|---|
channelIdrequired | string | — | Supabase Realtime channel to subscribe for notifications. |
position | "top-right" | "bottom-right" | "top-left" | "bottom-left" | "top-right" | Corner where toasts appear. |
maxVisible | number | 3 | Max number of simultaneous notification toasts. |
Usage
import { LiveNotifications } from '@/ui/features/LiveNotifications';
// Mount once at the app level
<LiveNotifications channelId="global:alerts" position="top-right" />