Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feature request: floating notification #1344

Open
tobiasBora opened this issue May 13, 2024 · 2 comments
Open

Feature request: floating notification #1344

tobiasBora opened this issue May 13, 2024 · 2 comments
Labels
enhancement New feature or request

Comments

@tobiasBora
Copy link

tobiasBora commented May 13, 2024

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 tobiasBora added the enhancement New feature or request label May 13, 2024
@robluton
Copy link
Contributor

robluton commented Jul 8, 2024

Take a look at the Toast component.

@tobiasBora
Copy link
Author

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

2 participants