YoBox Modal Dialogs

A modern, vanilla JavaScript replacement for Bootbox using Bootstrap 5.3+ modals. No jQuery required!

Basic Dialogs

Alert Dialog

Simple alert messages with customizable content and callbacks.

Confirm Dialog

Yes/No confirmation dialogs with boolean result callbacks.

Prompt Dialog

User input dialogs with various input types and validation.

Advanced Input Types

Selection Inputs

Dropdown selects, checkboxes, and radio buttons.

Date & Number Inputs

Date pickers, time inputs, numbers, and ranges.

Custom Dialogs

Styled Dialogs

Custom styling with Bootstrap classes and themes.

Advanced Features

Multiple buttons, sizes, and positioning options.

Code Examples 

// Basic Alert
yobox.alert('Hello World!');

// Confirm Dialog
yobox.confirm('Are you sure?', function(result) {
	if (result) {
		console.log('User confirmed');
	}
});

// Prompt Dialog
yobox.prompt('What is your name?', function(name) {
	if (name) {
		console.log('Hello ' + name);
	}
});

yobox.dialog({
	title: 'Custom Dialog',
	message: '<p>Custom HTML content</p>',
	size: 'large',
	buttons: {
		cancel: {
			label: 'Cancel',
			className: 'btn-danger',
			callback: function() {
				console.log('Cancelled');
			}
		},
		ok: {
			label: 'OK',
			className: 'btn-success',
			callback: function() {
				console.log('OK clicked');
			}
		}
	}
});