https://github.com/lana-20/toast-notification
https://github.com/lana-20/toast-notification
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/lana-20/toast-notification
- Owner: lana-20
- Created: 2021-07-26T18:00:43.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2021-07-26T18:04:24.000Z (about 4 years ago)
- Last Synced: 2025-05-22T21:31:51.159Z (5 months ago)
- Language: CSS
- Size: 1.95 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
| [Toast Notification](https://github.com/lana-20/50_Projects_in_50_Days/tree/main/ToastNotification) | [Live Demo](https://lana-20.github.io/toast-notification/) |
|----|----|
This is a simple but useful project, because there are a lot of times when you need to notify a user of something,
whether it's an error or an info block. And you will often see the toast notifications.
A toast will pop up in the upper or lower corner, or you can put it in the middle.
The notification disappears after a few seconds. You don't want it to just stay there.
You can have multiple notifications because multiple things might have happened,
and then they all go away after a certain amount of time.
For fun, I am randomizing the messages and the types. Some of them have different colors.
Green is success, red is error, purple is info.
I am randomizing all of those, as well as showing how you can add a specific message and a specific type.
You can use this in form validation or similar scenario.