odahcam / Bootoast
Toast 🔥 notifications with Bootstrap CSS.
Stars: ✭ 50
Programming Languages
javascript
184084 projects - #8 most used programming language
Labels
Projects that are alternatives of or similar to Bootoast
Startbootstrap 2 Col Portfolio
A two column Bootstrap HTML portfolio template - created by Start Bootstrap
Stars: ✭ 40 (-20%)
Mutual labels: bootstrap
Nodejs Socketio Chat App
MEAN Stack & Socket.IO Real-time Chat App | A MEAN stack based Real Time chat application
Stars: ✭ 45 (-10%)
Mutual labels: bootstrap
Vue2 Admin Lte
📊 adminLTE to vuejs v2.x converting project
Stars: ✭ 1,023 (+1946%)
Mutual labels: bootstrap
Angular Bootstrap With Material Design
Angular Bootstrap with Material Design - Powerful and free UI KIT
Stars: ✭ 1,031 (+1962%)
Mutual labels: bootstrap
Freelancers Market
Laravel Project to help freelance websites clients and freelancers to find each other.
Stars: ✭ 39 (-22%)
Mutual labels: bootstrap
Bootstrap Imageupload
A Bootstrap/jQuery plugin to preview image uploads.
Stars: ✭ 49 (-2%)
Mutual labels: bootstrap
Bootstrap Ie11
Internet Explorer 11 compatibility solution for Bootstrap 5
Stars: ✭ 47 (-6%)
Mutual labels: bootstrap
Gulp Bootlint
A gulp wrapper for Bootlint, the HTML linter for Bootstrap projects.
Stars: ✭ 42 (-16%)
Mutual labels: bootstrap
Bootstrap4layouts
A Template for Bootstrap 4 based on my Bootstrap 4 Layouts course on LinkedIn Learning
Stars: ✭ 44 (-12%)
Mutual labels: bootstrap
Vuedarkmode
👩🎨👨🎨 A minimalist dark design system for Vue.js. Based components designed for the insomniacs who enjoy dark interfaces as much as we do.
Stars: ✭ 1,034 (+1968%)
Mutual labels: bootstrap
Bootstrap Navbar
Helpers to generate a Twitter Bootstrap navbar
Stars: ✭ 40 (-20%)
Mutual labels: bootstrap
Yii2 Widget Rating
A Yii2 widget for the simple yet powerful bootstrap-star-rating plugin with fractional rating support (sub repo split from yii2-widgets)
Stars: ✭ 47 (-6%)
Mutual labels: bootstrap
Spring Web Rss Channels
A Full Stack RSS Reader web application built with Spring MVC and JSP. It uses libraries like Spring, JPA, Bootstrap, Apache Tiles, JSP etc. There is also a static code analysis tool called Checkstyle.
Stars: ✭ 40 (-20%)
Mutual labels: bootstrap
Laravel Settings
Simple Settings package for a laravel application
Stars: ✭ 45 (-10%)
Mutual labels: bootstrap
Calcite Bootstrap
A Calcite theme and a custom build system for building Bootstrap apps.
Stars: ✭ 49 (-2%)
Mutual labels: bootstrap
Money
Money - let's you manage your money and visualize where your money goes. Built using Ruby 2.3.0, Rails 4.2.5, Backbone and Bootstrap
Stars: ✭ 48 (-4%)
Mutual labels: bootstrap
Go Astilectron Bootstrap
Create a one-window application using Astilectron
Stars: ✭ 46 (-8%)
Mutual labels: bootstrap
Bootoast 🔥
Make your toast notifications with Bootstrap 3 or 4
alert
s.
Demo!
Default Settings
bootoast.toast({
message: 'Bootoast!',
type: 'info',
position: 'bottom-center',
icon: null,
timeout: null,
animationDuration: 300,
dismissible: true
});
Options Settings
To use your own settings, take the default example above and replace with your values. You can also remove the keys you will not change.
Option | Default Value | Descrition |
---|---|---|
message |
'Helo!' |
Any, any, HTML String! |
type |
'info' |
A raw string that can be any of Bootstrap 3 alert type classes without the alert- preffix. Available types. |
icon |
based on choosen type OR undefined
|
An icon following the standard Bootstrap 3 glyphicons name without the glyphicon- preffix. Icons choosen by type. |
position |
'bottom-center' |
A raw string with two segments of align separated by hypehn follo0wing the pattern: vertical-horizontal . Supported positions. |
timeout |
false |
The time in seconds for hide the notification (.alert element). If false or 0 , the notification will not auto-hide. |
dismissible |
true |
Shows or hides the dismiss × button. It can be true or false . |
animationDuration |
300 |
The notification hide animation duration in milliseconds (ms ). |
Supported Types
By default, Bootoast supports all Bootstrap 3 alert types:
- info
- success
- warning
- danger
See more about Bootsrap alert
s.
Supported Positions
Supported | Sinonymus |
---|---|
top-center |
top |
top-left |
left-top |
top-right |
right-top |
bottom-center |
bottom |
bottom-left |
left-bottom |
bottom-right |
right-bottom |
Icon Defaults
By default, if it's not defined, it will turn into an icon choosen by the type:
Bootoast type | Bootstrap icon |
---|---|
warning | exclamation-sign |
success | ok-sign |
danger | remove-sign |
info | info-sign |
Versioning
Closest as possible to semver (Semantic Versioning).
Good Luck. :-)
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].