How do we properly implement ToastNotifications?

[timothydilbert]

The CDS documentation gives examples of how to implement the <ToastNotification /> on a simple page. Thank you for that. Very helpful! What's not clear, however, is how to implement in our setting.

We often want to have a ToastNotification display if when there is an error inside of a component embedded onto one of our pages. It's not clear how to get raise the ToastNotification in our embedded component, and have that Toast render up in the top-right of the page.

• If we embed the ToastNotification into the component, it renders inline, pushing all of the HTML down.
• We're having difficulty with "prop drilling". Raising these Toast notifications is often an after-thought, so passing the prop from layout.js all the way down to a heavily embedded component makes the code change much larger than we want.

How does IBM solve this problem? Is there such thing as a NotificationProvider in CDS?