Prevent snackbars from stacking up by adding a max count

[richtabor]

Snackbars should have a max count, where you can't end up with a stack of them hanging around. #53200 will reduce the number, but there should be a max. Even as small as three notice max may work just fine.

[glendaviesnz]

Also, each notice type should have a unique id as done here so that only one of that notice type appears at a time.

[richtabor]

Also, each notice type should have a unique id #53087 so that only one of that notice type appears at a time.

Yea, perhaps the copy to clipboard snackbar doesn't have one?

[Mamaduka]

I like how this library, Sonner, handles stacking and multiple snackbars/toasts.

[richtabor]

I like how this library, Sonner, handles stacking and multiple snackbars/toasts.

Very cool! What do we need to do to try this interaction in the editor?

For reference:

CleanShot.2023-08-01.at.11.34.27.mp4

[Mamaduka]

I think it would require an update to the SnackbarList component.

@mirka, how doable is this with current snackbar components?

[jasmussen]

Yes please 🙏

[mirka]

I think it would require an update to the SnackbarList component.

@mirka, how doable is this with current snackbar components?

Architecturally it seems feasible to me, since SnackbarList has full control over how the notice data objects are rendered. Most of the complexity would be in getting the interactive animations right.