Skip to content
This repository has been archived by the owner on Apr 5, 2020. It is now read-only.

A provider pattern component for using Material UI Snackbar anywhere form your react components

License

Notifications You must be signed in to change notification settings

themojilla/material-snackbar-supplier

Repository files navigation

material-snackbar-supplier

Implement with new react context api that help you use material-ui SnackBar anywhere in your react-components with no pain

Installation

Available as npm package.

npm install --save material-snackbar-supplier

-- or

yarn add material-snackbar-supplier

Usage

Wrap your root component with SnackBarSupplier and applying any options based on Snackbar. Then use provided HOC anywhere you need handle Snackbar.make sure you have installed @material-ui/core and @material-ui/icons

import { SnackBarSupplier } from 'material-snackbar-supplier';

<SnackBarSupplier settings={{ autoHideDuration: 1500 }}>
  <App />
</SnackBarSupplier>
import { withSnackBar } from 'material-snackbar-supplier';

class App {
  componentDidMount () {
    this.props.message({
      message: 'Hello World!',
      variant: 'success',
    });
  }
}

export default withSnackBar(App)

Settings

All of settings for SnackBarSupplier is based on material-ui SnackBar API Props Doc. For more information read this link.

About

A provider pattern component for using Material UI Snackbar anywhere form your react components

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published