Toastify-Simply-React
Just toasts got better and simpler
Visit official site for better overview and documentation.
Installation
# yarn add toastify-simply-react
**or**
# npm install --save toastify-simply-react
Demo
A demo in live action is worth than million words. See Live Action
Available props list
How to use
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>
);
}
}
Documentation
Contribution
Financial Contribution
Contribute, if you like the work, you can support us
Contributors
Code Contribution
# 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
Financing
Any special requirement or feature will be handled at priority, with minimal financial assistance, you can email us directly and contribute here.
Release Notes
Latest release here
All releases here