Origami Frontend Components & Services

Readme: n-notification

n-notification is not maintained by the Origami team. This means that the Origami team will not necessarily be able to help you with support requests. The people who maintain this component may be able to offer support, but it's not guaranteed.

n-notification has a support status of "experimental". This means that the component's API may change without notice, and there is no guarantee that the component is ready for production use.

Component for showing onsite notification bars to users.
Concurrent notifications are stacked, most recent at the top.

Using it


const nNotification = require('n-notification');

    title: 'Optional title',
    content:'<p>Here is a message</p>',
    type: 'success', // optional see below
    duration: 7000 // optional, default is 5000

Custom Events


const event = new CustomEvent('nNotification.show', {detail: { content: 'Title' }});


type is optional, but if specified must have one of the following values:

Ideas for the future

Switch component view

GitHub Repository

Install n-notification

If using the Build Service, add n-notification@^6.1.0 to your script and link tags.

If running a Manual Build, run bower install --save "n-notification@^6.1.0".

Help & Support

n-notification is not supported directly by the Origami team. We make no guarantees, but will help if we can. First try contacting its maintainers at:

Email: next.team@ft.com