0.0.3 • Published 6 years ago
simple-snackbar v0.0.3
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