bootbox-react v1.1.1

Bootbox React

bootbox-react is a wrapper of the bootboxjs [http://bootboxjs.com](http://bootboxjs.com) module for React. Fancy alerts, confirm and prompt dialogs built on top of Bootstrap. Check the website for more information.

How To Install

• Install: npm i --save bootbox-react

How to Use

import  React, {useState} from  'react';
import  Bootbox  from  'bootbox-react';
...
function  App() {
	const [showConfirm, setShowConfirm] = useState(false);
	const [showAlert, setShowAlert] = useState(false)
	const [showPrompt, setShowPrompt] = useState(false)
	
	const handleConfirm = () => {
		console.log("You clicked Yes!");
		return setShowConfirm(false);
	}
	
	const handleCancel = () => {
		console.log("You clicked No!");
		return setShowConfirm(false);
	}

	const handleClose = () => {
		console.log("You closed Alert!");
		return setShowAlert(false);
	}

	const handlePrompt = (result) => {
		console.log(`User input: ${result}`);
		return setShowPrompt(false);
	}

	return(
		<>
			<button onClick={ () => setShowConfirm(true) } Confirm </button>
			<Bootbox show={showConfirm} 
				type={"confirm"}  
				message={"Do That?"}  
				onSuccess={handleYes}  
				onCancel={handleNo}  
				onClose={handleNo} 
			/>

			<button onClick={ () => setShowAlert(true) } Alert </button>
			<Bootbox show={showAlert} 
				type={"alert"}  
				message={"This is a simple alert"}  
				onClose={handleClose} 
			/>

			<button onClick={ () => setShowPrompt(true) } Prompt </button>
			<Bootbox show={showPrompt} 
				type={"prompt"}  
				message={"What's your name"}  
				onPrompt={handlePrompt} 
			/>
		</>
	)
}

export default App
	

Props