# Feedback Notification Center

Real-time notification and alert inbox in an operations and support console.

- id: `feedback-notification-center`
- Page: https://agentic-ui-kit.com/components/feedback-notification-center
- Live preview: https://agentic-ui-kit.com/live/component/feedback-notification-center

## Install

```bash
agentic-ui add feedback-notification-center
npx shadcn@4.17.0 add @agentic-ui/feedback-notification-center
```

## Metadata

- **Level:** feature
- **Category:** feature
- **Installable in:** Radix UI (registry variant new-york), Base UI (registry variant base-vega)
- **Capabilities:** time-grouping, category-grouping, priority-grouping, unread-tracking, mark-all-read, per-item-actions, search-filter, pin-notifications, archive-notifications, snooze-notifications, keyboard-navigation, empty-and-error-states, responsive-layout
- **Intents:** track-status, communicate, manage-collection
- **Suits domains:** saas, support, operations, devops-status
- **Interaction:** unread-toggle, mark-all-read, item-action-execution, time-grouping-collapse, domain-filtering, keyword-search, notification-pinning, notification-archival, keyboard-shortcuts
- **Screen role:** management
- **Density:** medium
- **Dark mode:** yes
- **Use it for:** real-time notification and alert inbox in an operations and support console, infrastructure alerts and incidents center in a devops dashboard, team mentions, assigned tickets and code reviews on a SaaS platform, panel of notices and customer support events in Support Desk
- **Avoid when:** high-frequency real-time instant messaging chat, massive log systems with no direct human interaction
- **Preserve when adapting:** grouping-and-filtering-interaction-model, unread-status-and-counter-semantics, item-action-dispatch-contracts, keyboard-navigation-behavior
- **Replace when adapting:** event-stream-source, user-directory-actor-adapter, domain-action-callbacks, category-definitions
- **Adaptation effort:** low
- **Coupling:** low
- **Quality score:** 9.2/10
- **Quality breakdown:** visual 9/10, responsive 9/10, accessibility 9/10, code 9/10
- **Uses primitives:** button, card, badge, input, avatar, separator, tooltip
- **npm dependencies (registry):** lucide-react@0.577.0
- **Registry dependencies:** lib-primitives