[Snackbar] Add customization example

[mbrn]

[NotificationBar] component has been added

[oliviertassinari]

@mbrn Thanks for your time. However, it doesn't align with our vision. We want to focus on core low-level components to enable people, like you, to build higher-level components like this one. In that sense, we are very happy to see this pull-request.

Instead, what do you think of adding a customization demo to the Snackbar like we do with the Tabs, Button, Table or TextField? At the office, we have been overriding the Snackbar style to do something very close to what you are proposing.

[oliviertassinari]

(please, don't close this pull-request to open another!)

[mbrn]

@oliviertassinari thanks for your reply. It's not problem for me. I can use this component as an independent repo and publish to npmjs.org. Maybe you can add this component to related-project page. Or we can add this to Paper component as customization demo. What do you think?

Adding customization to snack-bar was my second idea after this one:). I need snack-bar which has status. So this is a good idea.

[oliviertassinari]

Here we go, I have updated the pull-request to add a snackbar customization demo:

[oliviertassinari]

A second iteration with 20 less line of codes:

[mbrookes]

@mbrn's icons were a bit more consistent:

(Error, Warning, Info, CheckCircle)

And the semi-transparency is a nice touch.

[oliviertassinari]

@mbrookes Good feedback. I'm on it :).

[mbrn]

Thx @mbrookes & @oliviertassinari. Additionally we could add "info, success, warning" fields to Palette. In this way we can use these bars' color from theme.

[oliviertassinari]

Additionally we could add "info, success, warning" fields to Palette. In this way we can use these bars' color from theme.

It's what we do at the office 👍. Users are free to do it on their side.