Toaststrap
Toaststrap is a simple, lightweight JavaScript library for showing Bootstrap 5 toast popups.
Preview
I created this library for everyone who uses Bootstrap 5 and wants to show some beautiful notifications for his users.
Features
-
✅ Pure JavaScript without jQuery. -
🇸🇦 RTL support. -
✅ Support hooks. -
✅ Easy to initialize and use. -
🔉 Support sound. -
🌈 Quick and efficient. -
🎨 Customizable. -
🆙 up-to-date.
Documentation
Check the Documentation to get you started!
Demo
Have fun with Toaststrap's Initializer!
Contribute
Show your
Sponsor
Bugs and feature requests
Found a bug or have a feature request? Please open a new issue
License
Licensed under MIT
Wrong CSS Classes on element
NPM Package does not provide correct classes.
position-fixed toastsrap-bottom toastsrap-end-5 toastsrap-container showThere is a type in all of them "toastsrap" > "toaststrap"
SCSS/CSS missing in npm package
First of all -> Thank you for your effort. I was thinking of exaclty the same problem and you already solved it for me. Nice.
But using it without having the css to display anything is not possible. The package does not contain the "dist" folder. You should consider setting up the package.json to include the dist folder in released.
I guess you will be fast in resolving this issue without any PR needed.
Fix documentation & initializer typos
Pauseable isn't an option. Pausable is the available one.
Show in Viewport
How can i make the toast message show in the area the person is currently viewing please.
i.e if the page is multiple pages long, and they are in the middle, they will not notice them at the very top or bottom.