All Projects → odahcam → Bootoast

odahcam / Bootoast

Toast 🔥 notifications with Bootstrap CSS.

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
Danyuan Application
初学者 spirng-boot版本
Stars: ✭ 47 (-6%)
Mutual labels:  bootstrap
Ng Bootstrap
Angular powered Bootstrap
Stars: ✭ 7,872 (+15644%)
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
Availity Uikit
Availity UI Kit powered by Bootstrap 4
Stars: ✭ 44 (-12%)
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

NPM version NPM downloads License

Codacy Badge Maintainability

Bootoast 🔥

A Bootstrap Toaster library.

Make your toast notifications with Bootstrap 3 or 4 alerts.

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 alerts.

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].