bootstrap-confirm-button

0.3.4 • Public • Published

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

Package Sidebar

Install

npm i bootstrap-confirm-button

Weekly Downloads

3

Version

0.3.4

License

MIT

Unpacked Size

24.5 kB

Total Files

10

Last publish

Collaborators

  • stefcud