toastify-simply-react

Just toastify in any react component

Usage no npm install needed!

<script type="module">
  import toastifySimplyReact from 'https://cdn.skypack.dev/toastify-simply-react';
</script>

README

Toastify-Simply-React

Just toasts got better and simpler

npm npm Scrutinizer code quality (GitHub/Bitbucket) Scrutinizer build (GitHub/Bitbucket) Codecov GitHub Workflow Status

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

See 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

Github Pages

Official Site

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