Component

Notification Center

Notification center with drop-down panel, unread counter and notification management via injectable service.

import {
  NeuNotificationCenterComponent,
  NeuNotificationService,
} from '@neural-ui/core/notification-center';

Component + controls

Unread: 0

import { NeuNotificationCenterComponent, NeuNotificationService } from '@neural-ui/core/notification-center';

// 1. Place the component in your toolbar once:
// <neu-notification-center />

// 2. Use the service from any class:
@Component({ ... })
export class MyComponent {
  private readonly _notif = inject(NeuNotificationService);

  doAction() {
    this._notif.push({
      type: 'success',
      title: 'Done!',
      message: 'The operation completed successfully.',
    });
  }
}