@dock365/loading v0.2.4

Loading HOC

Install

1 Install react confirm as dependency

# Using yarn package manager
$ yarn add @dock365/loading

# Using npm package manager
$ npm install --save @dock365/loading

2 Import React confirm module

// ES6
import loading from "@dock365/loading"

// ES5
var loading = require("@dock365/loading");

Example

CodeSandbox Example Link

  import React from "react";
  import ReactDOM from "react-dom";
  import loading from "@dock365/loading";


  function Comp(props) {
    return (
      <div className="App">
        <button
          onClick={() => {
            props.toggleLoading();
            setTimeout(() => {
              props.toggleLoading();
            }, 2000);
          }}
        >
          Do Action
        </button>
      </div>
    );
  }

  function LoadingMessage(props) {
    return <div className="App">Loading...</div>;
  }

  const App = loading(LoadingMessage, {})(Comp);
  const rootElement = document.getElementById("root");
  ReactDOM.render(<App />, rootElement);

Properties

Component Props

|

Loading component Props

HOC Properties

loading(LoadingComponent, { label, size, positionRelative })(Component)

Contributing!

All contributions are super welcome!

License

React Confirm is MIT licensed.