Notifications

Details

Was Benachrichtigungen mitbringt, aus Registry und Quellcode gelesen.

Bereich

App

Variants

6

Version

1.0.2 · seit 1.0.0

Datei

components/ui/notifications.tsx

Bringt mit

utilskitbuttoniconsidebarswitch

npm-Pakete

Keine

Sprachen

Englisch und Deutsch, 133 eigene Texte

Studio

Im Code anpassen

In Sammlungen

App-Dashboard

Mit KI bauen

Per MCP in Claude, Cursor, Copilot und Codex

Props

Die Schnittstelle NotificationsProps aus components/ui/notifications.tsx. Beschreibungen stammen aus den Kommentaren im Code und sind auf Englisch.

• variantoptional
  NotificationsVariant

  centeraudit-logpopoverchannel-settingsdigestannouncements

• sidebaroptional
  Omit<SidebarProps, 'children'>

  App frame for every variant except popover

• titleoptional
  string
• subtitleoptional
  string
• actionsoptional
  React.ReactNode
• itemsoptional
  NotificationEntry[]

  center, popover

• incomingoptional
  NotificationEntry[]

  center and popover: notifications that arrive while the page is open (they fly in after a moment)

• settingsHrefoptional
  string

  center, popover: where the settings or the full list live

• allHrefoptional
  string
• eventsoptional
  AuditEvent[]

  audit-log

• defaultSelectedoptional
  string

  audit-log: the event shown in the detail panel at first (wide screens)

• channelsoptional
  Channel[]

  channel-settings

• groupsoptional
  { title: string; events: EventPreference[] }[]
• quietHoursoptional
  { on?: boolean; from?: string; to?: string; days?: number[]; urgent?: boolean }
• digestoptional
  { frequency?: 'off' | 'daily' | 'weekly'; time?: string; next?: { daily: string; weekly: string } }
• onSaveoptional
  (prefs: unknown) => void
• weeksoptional
  DigestWeek[]

  digest: oldest first, the last one is shown

• announcementsoptional
  Announcement[]

  announcements

• roadmapoptional
  { title: string; when: string }[]
• appoptional
  { brand: { name: string; logo?: React.ReactNode }; nav?: string[]; user: string }

  popover: the app bar and the page behind

• pageoptional
  React.ReactNode
• defaultOpenoptional
  boolean
• currencyoptional
  string

Eingebaute Texte

Diese Texte schreibt Benachrichtigungen selbst. Die Sprache folgt dem KitProvider, über die Prop labels ersetzt du einzelne.