React Confirm


Install

1 Install react confirm as dependency
``bash
# Using yarn package manager
$ yarn add @dock365/reconfirm

# Using npm package manager
$ npm install --save @dock365/reconfirm
`
2 Import React confirm module
`javascript
// ES6
import Confirm from "@dock365/reconfirm"

// ES5
var Confirm = require("@dock365/reconfirm");
`

Example

#### CodeSandbox Example Link
`javascript
import React from "react";
import ReactDOM from "react-dom";
import confirm from "@dock365/reconfirm";

function Component(props) {
return (

onClick={() =>
props.confirm("Dialog Message", "Dialog Title", "Some Data", data => {
alert(data + " Confirmed");
})
}
>
Show Confirm

);
}

function Dialog(props) {
return (

{props.title}

{props.message}

Confirm
Cancel

);
}

const App = confirm(Dialog)(Component);
const rootElement = document.getElementById("root");
ReactDOM.render(, rootElement);
``

Properties

$3

| Name | Type | Description |
| :----------------- | :----- | :----------------- | :------------------------------------------------------------------- |
| confirm | (message?: string, title?: string, data?: any, onConfirmAction?: Function) => void | This is the function to invoke confirm dialog, onConfirmAction is callback function that will trigger with data as parameter when confirmed |
| confirmed | boolean | Here we can access confirm dialog status, whether confirmed or not |
| confirmData | any | Here we can access confirm data provided in onConfirmAction |

$3

| Name | Type | Description |
| :----------------- | :----- | :----------------- | :------------------------------------------------------------------- |
| onConfirm | Function | Have to invoke onConfirm when the confirm button is pressed / clicked. |
| onCancel | Function | Have to invoke onCancel when the cancel button is pressed / clicked. |
| title | string | Here we can access title provided in onConfirmAction |
| message | string | Here we can access message provided in onConfirmAction |
| data | any | Here we can access data provided in onConfirmAction |

Contributing!

All contributions are super welcome!

License

React Confirm is MIT licensed.