@elementary/modalcontroller

Install

# install components
$ yarn add @elementary/components

Usage

• Wrap your root component with Provider

import { withModalControllerProvider } from '@elementary/modalcontroller';

const Root = withModalControllerProvider(() => <App />);

ReactDOM.render(<Root />, document.getElementById('root'));

• Wrap your user component with Consumer

import { withModalControllerConsumer } from '@elementary/modalcontroller';

const UserComponent = withModalControllerConsumer(props => <div>
  <button onClick={_ => props.addModal(_ => <div style={{ position: fixed }}>Hi this is Modal</div>)}>Open Modal</button>
<div>);