Notifications Smart Widget UI (Angular)

Usage no npm install needed!

<script type="module">
  import acpaasUiWidgetsNgxNotificationWidget from 'https://cdn.skypack.dev/@acpaas-ui-widgets/ngx-notification-widget';


Notification Widget UI (Angular)

This is the Angular 7+ UI for a notification center. It is matched by a corresponding back-end service which is needed when running it. Implement this in your BFF.


There is a demo app, see below for instructions on running it.

How to use


> npm install @acpaas-ui-widgets/ngx-notification-widget


A BFF service should be running on which the endpoints are configured (see the example app for how to provide such a BFF).

Prerequisite: set up Antwerp UI for your application.

Import the component in your module:

import { NotificationWidgetModule } from '@acpaas-ui-widgets/ngx-notification-widget';

  imports: [

In your template:

url="api/url" >

Supported attributes

  • url: the URL of the back-end service feeding this widget


Run ng build to build the widget for retesting in the application. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Run the demo app

> npm install
> npm start

Browse to localhost:4200


We welcome your bug reports and pull requests.

Please see our contribution guide.


Joeri Sebrechts (joeri.sebrechts@digipolis.be)


This project is published under the MIT license.

This project was generated with Angular CLI version 7.3.10.