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.

Sign up for GitHub

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

use toast notifications for route messages #45

Open

JohnRDOrazio opened this issue Jul 6, 2021 · 0 comments

Labels

enhancement UI&UX

Collaborator

JohnRDOrazio commented Jul 6, 2021 •

edited

Loading

When a new project is created, a message something like "Project was created successfully" shows at the top of the screen.

Similarly when a project is updated, a similar message appears.

And probably when a project is deleted also.

In all of these cases, it would be much better for these feedback messages to show in a toast notification. Possibly autofading.

Here are some examples:

https://tailwindcomponents.com/component/notification-toast (not auto-fading)
https://tailwindcomponents.com/component/alphine-js-toast-notification (we could probably just use jquery, without including alpine as yet another dependency)
https://tailwindcomponents.com/component/alerts-components (no autofade, but larger and more pastel)
https://tailwindcomponents.com/component/notification-3 (no autofade, white background, only the icon is colored)
https://dev.to/zaxwebs/toast-notifications-with-alpine-js-tailwind-css-lpc (autofade, but requires alpine, perhaps use jquery instead?)

JohnRDOrazio added the UI&UX label

JohnRDOrazio added the enhancement label

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment