All Projects β†’ stefanocudini β†’ bootstrap-confirm-button

stefanocudini / bootstrap-confirm-button

Licence: MIT license
A simple button to confirm tasks, inline and unobtrusive confirm system

Programming Languages

HTML
75241 projects
javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to bootstrap-confirm-button

prototype
πŸ“–Prototype Document
Stars: ✭ 45 (+87.5%)
Mutual labels:  ux
pikko
Color picker for iOS made with ❀️
Stars: ✭ 34 (+41.67%)
Mutual labels:  ux
UX-design
Learn how to design and prototype Web products that are comfortable and even joyful to use.
Stars: ✭ 16 (-33.33%)
Mutual labels:  ux
addel
🎡 A jQuery plugin that enables dynamic addition & deletion of HTML elements
Stars: ✭ 51 (+112.5%)
Mutual labels:  ux
PulseTile-AngularJS
Leading edge modular UI framework for healthcare. Based on AngularJS. See documentation at http://docs.pulsetile.com/ See plugins at https://github.com/PulseTile-Plugins ##
Stars: ✭ 19 (-20.83%)
Mutual labels:  ux
Bitcoin-Core-App
Tracking the design process for the Bitcoin Core App.
Stars: ✭ 31 (+29.17%)
Mutual labels:  ux
sonar.css
CSS3/Sass Animated Attention Seekers
Stars: ✭ 16 (-33.33%)
Mutual labels:  ux
XF MicunaFood
Xamarin.Forms UI/UX Challenges - Micuna Food
Stars: ✭ 26 (+8.33%)
Mutual labels:  ux
HealthDeterminants
Social Determinants of Health Visualization
Stars: ✭ 58 (+141.67%)
Mutual labels:  ux
grommet-cms
Grommet CMS - A content management system with world class UX
Stars: ✭ 30 (+25%)
Mutual labels:  ux
awesome-ux-design-styles
Curated list of UX styleguides and design systems
Stars: ✭ 66 (+175%)
Mutual labels:  ux
eucaconsole
Eucalyptus Management Console
Stars: ✭ 15 (-37.5%)
Mutual labels:  ux
playbook
Playbook Design System
Stars: ✭ 17 (-29.17%)
Mutual labels:  ux
Denna
Denna to-do list application
Stars: ✭ 21 (-12.5%)
Mutual labels:  ux
dough
This package provides some widgets you can use to create a smooshy UI.
Stars: ✭ 518 (+2058.33%)
Mutual labels:  ux
negi3wm
Brings a lot of unique UX features inspired by ion3/notion wm. Probably the most sophisticated example of i3ipc usage ever created
Stars: ✭ 27 (+12.5%)
Mutual labels:  ux
techne
Design Guidelines, Components and Patterns Library for modern, mobile-first, user-centric Experience Design
Stars: ✭ 40 (+66.67%)
Mutual labels:  ux
liquid button
Liquify your buttons, web demo at website
Stars: ✭ 18 (-25%)
Mutual labels:  button-widget
meshery.io
Site for Meshery, the cloud native management plane
Stars: ✭ 135 (+462.5%)
Mutual labels:  ux
meshery
Meshery, the cloud native manager
Stars: ✭ 1,587 (+6512.5%)
Mutual labels:  ux

Bootstrap Confirm Button

npm version

A simple button to comfirm a task. Instead of using rude modals that interrupt a user's workflow, let's use a inline unobtrusive button instead. Designed especially for devices with small screen.

Compatible with Bootstrap 3.3.7!

Ispired by: http://eli.eliandlyndi.com/2011/10/10/using-jquery-to-provide-an-inline-confirmation-on-buttons/

Demo

Events

Event Data Description
'confirm:before' {} fired at first click over button
'confirm:expired' {} fired after button is auto hidden

Usage:

<a class="btn btn-primary btn-delete-item">Delete</a>
$('.btn-delete-item').btsConfirmButton("I'm sure!", function(e) {
	console.log('Item deleted!');
});

advanced configuration:

$('.btn-delete-item').btsConfirmButton({
		msg: "Confirm Deletion",
		timeout: 3000,
		className: 'btn-danger'
	}, function(e) {
	console.log('Item deleted!');
});

Image

Source:

Github NPM

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