Simple SnackBar

It's a simple snack bar component built using React's Context API.

Installation

npm install simple-snackbar

Usage

Using SnackBarProvider

In your App.js

import React, { Component } from 'react';
import { SnackBarProvider, SnackBar } from 'simple-snackbar';

class App extends Component {
  render() {
    return (
      <SnackBarProvider>
         <div className="App">
            ...
          </div>
        <SnackBar />
     </SnackBarProvider>
     );
   }
}
export default App;

Using SnackBar

Somewhere in your application:

  import { SnackBar } from 'simple-snackbart';

  ....

  <SnackBar
      enableButton
      primary
    />

    ....

props that can be passed down to Snackbar:

| name | type | | ------| ----- | | enableButton | bool | | primary | bool |

Using the withSnackBarHandlers HOC:

  import { withSnackBarHandlers } from 'simple-snackbart';
    
    const SnackBarControl = ({ handleOpen }) => (
      <button onClick={()   => handleOpen('Hello!!', 'OK!')}>
        Show me!
      </button>
    );

    export default withSnackBarConsumer(SnackBarControl);

props provided by withSnackBarHandlers:

| name | params | | ------| ----- | | handleOpen | displayText, buttonText | | handleClose | NA |

Demo Site: https://akshay5995.github.io/simple-snackbar/

Follow me on: Medium: https://medium.com/@akshay5995