Notification

This page gives an overview of the notification component with all possible options.

Light background

Ghost notification

Notifications with title:

Warning notification.

notification

notification

Warning over.

Idea or suggestion notification

Notifications without title:

Oh no! Warning notification

Oeps. Notification

Just-so-you-know notification

Oh yes! Warning over

Idea or suggestion notification

Filled version

Notifications with title:

Warning notification.

notification

notification

Warning over.

Idea or suggestion notification

Notifications without title:

Oh no! Warning notification

Oeps. Notification

Just-so-you-know notification

Oh yes! Warning over

Idea or suggestion notification

HTML content

Notifications with rich text:

Warning notification strong text, emphasised text, etc...

Notification without close button

Oh yes! Warning over

Quote notification without close button

This is a Quote notification without a close button

Dark background

Ghost notification

Notifications with title:

Warning notification.

notification

notification

Warning over.

Idea or suggestion notification

Notifications without title:

Oh no! Warning notification

Oeps. Notification

Just-so-you-know notification

Oh yes! Warning over

Idea or suggestion notification

Filled version

Notifications with title:

Warning notification.

notification

notification

Warning over.

Idea or suggestion notification

Notifications without title:

Oh no! Warning notification

Oeps. Notification

Just-so-you-know notification

Oh yes! Warning over

Idea or suggestion notification

HTML content

Notifications with rich text:

Notification strong text, emphasised text, anchor etc...

Notification strong text, emphasised text, anchor etc...

Notification strong text, emphasised text, anchor etc...

Notification strong text, emphasised text, anchor etc...

Notification strong text, emphasised text, anchor etc...

Notification without close button

Oh yes! Warning over

Fullscreen notification without close button, with isFullscreen option checked

Quote notification without close button

This is a Quote notification without a close button

Notification strong text, emphasised text, anchor etc...

Notification strong text, emphasised text, anchor etc...

Notification strong text, emphasised text, anchor etc...

Notification strong text, emphasised text, anchor etc...

Notification strong text, emphasised text, anchor etc...