Just toasts got better and simpler
Visit official site for better overview and documentation.
# yarn add toastify-simply-react
**or**
# npm install --save toastify-simply-react
A demo in live action is worth than million words. See Live Action
It's quiet simple
## With hooks
import {useToast, Toast} from "toastify-simply-react";
function MyComponent() {
const [toast, toastRef] = useToast(); // generate toast and toastRef
return (
<div>
<button onClick={() => toast.primary("Hello!")}>show toast</button>
<Toast ref={toastRef} /> // Toast component
</div>
);
}
## With functions
import {toastClass, toastFunction, Toast} from "toastify-simply-react";
class MyComponent extends Component{
toastRef = toastClass(); // generate toastRef
componentDidMount() {
this.toast = toastFunction(toastRef); // generate toast
}
render() {
return (
<div>
<button onClick={() => this.toast.primary("Hello!")}>show toast</button>
<Toast ref={this.toastRef} /> // Toast component
</div>
);
}
}
Contribute, if you like the work, you can support us
# Ways to contribute
## by coding some stuff together
- Fork the repository from `master` branch
- Fixed the things in your branch or forked repo
- Generate the pull request back to `master` branch to this library
## raise an issue
- Create an issue [here](https://github.com/Waveshade-Studios/toastify-simply-react/issues)
- Add required labels to it
- Issue will be reviewed, fixed and released as per the priority
Any special requirement or feature will be handled at priority, with minimal financial assistance, you can email us directly and contribute here.
Latest release here
All releases here