npm.io
0.0.4 • Published 6 years ago

busy-indicator

Licence
MIT
Version
0.0.4
Deps
0
Size
9 kB
Vulns
0
Weekly
0

busy-indicator

A test using busy-indicator

Getting Started

Using npm:

npm i busy-indicator

Usage

import BusyIndicator, { BusyIndicatorContext }  from "busy-indicator";

function DeepChild() {
  const { showDisplay, hideDisplay } = useContext(BusyIndicatorContext);

  return (
    <div>
      <button onClick={showDisplay}>Show</button>
      <button onClick={hideDisplay}>Hide</button>
    </div>
  )
}

export default () => {
  return (
    <BusyIndicator displayStyles={} displayContent={} >
      ...
      <ChildComponent />
    </BusyIndicator>
  );
};

Props

Prop Type Default Required
children any false No
displayStyles object {} No
displayContent (object string) loading

License

MIT

Keywords