@dock365/reconfirm
    TypeScript icon, indicating that this package has built-in type declarations

    1.1.0 • Public • Published

    React Confirm

    npm Version

    Install

    1 Install react confirm as dependency

    # Using yarn package manager
    $ yarn add @dock365/reconfirm
    
    # Using npm package manager
    $ npm install --save @dock365/reconfirm

    2 Import React confirm module

    // ES6
    import Confirm from "@dock365/reconfirm"
    
    // ES5
    var Confirm = require("@dock365/reconfirm");

    Example

    CodeSandbox Example Link

      import React from "react";
      import ReactDOM from "react-dom";
      import confirm from "@dock365/reconfirm";
    
      function Component(props) {
        return (
          <div className="App">
            <button
              onClick={() =>
                props.confirm("Dialog Message", "Dialog Title", "Some Data", data => {
                  alert(data + " Confirmed");
                })
              }
            >
              Show Confirm
            </button>
          </div>
        );
      }
    
      function Dialog(props) {
        return (
          <div className="App">
            <h1>{props.title}</h1>
            <h2>{props.message}</h2>
            <button onClick={props.onConfirm}>Confirm</button>
            <button onClick={props.onCancel}>Cancel</button>
          </div>
        );
      }
    
      const App = confirm(Dialog)(Component);
      const rootElement = document.getElementById("root");
      ReactDOM.render(<App />, rootElement);

    Properties

    Component Props

    | 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 |

    Confirm Dialog Props

    | 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.

    Install

    npm i @dock365/reconfirm

    DownloadsWeekly Downloads

    2

    Version

    1.1.0

    License

    MIT

    Unpacked Size

    32.1 kB

    Total Files

    11

    Last publish

    Collaborators

    • abilash.vb
    • hafeez1042
    • justinmanjooran