Default

The notification component can be placed anywhere in the page to provide feedback or warnings about a certain section of the page.

Sticky

A sticky notification component can be used to notify a user about a page specific event and will be visible to the user regardless of the scroll position of the page.

<div class="notification notification--fixed">
    Heineken NV is added to the Watchlist
</div>
<div class="notification {{modifier}}">
	{{text}}
</div>
{
  "text": "Heineken NV is added to the Watchlist",
  "modifier": "notification--fixed"
}