dialog-notification
Getting started
Installation
npm i dialog-notification
yarn add dialog-notificationBasic usage
1. Wrap your App with DialogProvider component.
import { DialogProvider } from 'dialog-notification';
<DialogProvider>
<App/>
</DialogProvider>Note: If you are using Material UI ThemeProvider, make sure to wrap your App under it.
2. Use withDialog decorator to access openDialog function.
import { withDialog } from 'dialog-notification';
import { Button } from '@material-ui/core';
class ClassComponent extends Component {
render() {
const { openDialog } = this.props;
return (
<Button onClick={() => openDialog('Hello! I am dialog window.')}>
Open dialog
</Button>
);
}
}
export default withDialog(ClassComponent);2 (alternative). You can also use useDialog hook to call inside function components.
import { useDialog } from 'dialog-notification';
import { Button } from '@material-ui/core';
export default function FuncComponent() {
const { openDialog } = useDialog();
return (
<Button onClick={() => openDialog('Hello! I am dialog window.')}>
Open dialog
</Button>
);
}