The notification component can be placed anywhere in the page to provide feedback or warnings about a certain section of the page.
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"
}