Summary 💡

Place multiple snack bars on the page.

Examples 🌈

Motivation 🔦

Will the material design specification discourages to display multiple snackbar, and could stay the default, display multiple is a common use case:

Only one snackbar may be displayed at a time.

https://material.io/components/snackbars#usage

Benchmark

• https://trello.com/c/tMdlZIb6/1989-snackbar-more-features
• https://react-hot-toast.com/
• https://mantine.dev/others/notifications/
• https://blueprintjs.com/docs/#core/components/toast
• https://seek-oss.github.io/braid-design-system/components/useToast
• https://github.com/fkhadra/react-toastify
• https://chakra-ui.com/toast
• https://ant.design/components/message/
• https://github.com/iamhosseindhv/notistack/
• https://sancho-ui.com/components/toast/
• https://evergreen.segment.com/components/toaster
• https://twitter.com/railto/status/1232997843020996610
• https://baseweb.design/components/toast/
• https://toasted-notes.netlify.com/
• https://github.com/kylecesmat/react-cheers
• https://jossmac.github.io/react-toast-notifications/
• [Snackbar] Please describe how to easily set the slide direction for a toast #21053 (comment)
• https://twitter.com/listenMrUtkarsh/status/1283480376904568833