react-confirm-alert

$3

$3

React component confirm dialog. Live demo


Document for
v.1.x.x,
v.2.x.x

Getting started

#### Install with NPM:

``
$ npm install react-confirm-alert --save
`

#### Options

`jsx
const options = {
title: 'Title',
message: 'Message',
buttons: [
{
label: 'Yes',
onClick: () => alert('Click Yes')
},
{
label: 'No',
onClick: () => alert('Click No')
}
],
closeOnEscape: true,
closeOnClickOutside: true,
keyCodeForClose: [8, 32],
willUnmount: () => {},
afterClose: () => {},
onClickOutside: () => {},
onKeypress: () => {},
onKeypressEscape: () => {},
overlayClassName: "overlay-custom-class-name"
};

confirmAlert(options);
`

#### Use with function:

`jsx
import { confirmAlert } from 'react-confirm-alert'; // Import
import 'react-confirm-alert/src/react-confirm-alert.css'; // Import css

class App extends React.Component {
submit = () => {
confirmAlert({
title: 'Confirm to submit',
message: 'Are you sure to do this.',
buttons: [
{
label: 'Yes',
onClick: () => alert('Click Yes')
},
{
label: 'No',
onClick: () => alert('Click No')
}
]
});
};

render() {
return (



);
}
}
`

#### Custom UI Component

`js
confirmAlert({
customUI: ({ onClose }) => {
return (



);
}
});
``