flowbite-svelte icon indicating copy to clipboard operation
flowbite-svelte copied to clipboard

Feature request: floating notification

Open tobiasBora opened this issue 1 year ago • 2 comments

Summary

Ant design provides a notification component that floats over the page, really practical for instance to print error messages. It would be great to have it in flowbite as well.

Basic example

Inspiration can be drawn from https://ant.design/components/notification I love for instance the "top" version that prints a notification for a few seconds. It also supports multiple notifications.

Motivation

I have error messages that I want to print to the user, but since the can occur while the user is scrolling, I want this to always be visible to the user.

tobiasBora avatar May 13 '24 16:05 tobiasBora

Take a look at the Toast component.

robluton avatar Jul 08 '24 13:07 robluton

Oh good point, thanks, it is a good starting point! But I guess it would be my role to put them in an absolute div? What I also like with https://ant.design/components/notification is that if there are more than N notifications, they start to hide behind the most recent one in a quite elegant way. It also has a pause on over, with a nice blue loading bar below, that allow the user to wait before the notification automatically gets removed by hovering it.

tobiasBora avatar Jul 08 '24 21:07 tobiasBora