@arashaltafi/react-toast/dist/stories/Toast.stories.js

react toast library

import React from 'react';
import showToast from '../components/Toast';
export default {
    title: 'Components/Toast',
    component: showToast,
    argTypes: {
        text: { control: 'text' },
        color: {
            control: 'radio',
            options: ['success', 'error'],
        },
        pauseOnHover: { control: 'boolean' },
        timeWait: { control: 'number' },
        successIcon: { control: 'text' },
        errorIcon: { control: 'text' },
    },
};
var Template = function (args) {
    showToast(args.text, args.color, args.pauseOnHover, args.timeWait);
    return React.createElement(React.Fragment, null);
};
export var Default = Template.bind({});
Default.args = {
    text: 'This is a success message!',
    color: 'success',
    pauseOnHover: true,
    timeWait: 3000,
    successIcon: '/icons/close-success.svg',
    errorIcon: '/icons/close-error.svg',
};
export var ErrorToast = Template.bind({});
ErrorToast.args = {
    text: 'This is an error message!',
    color: 'error',
    pauseOnHover: true,
    timeWait: 3000,
    successIcon: '/icons/close-success.svg',
    errorIcon: '/icons/close-error.svg',
};
export var SuccessToast = Template.bind({});
SuccessToast.args = {
    text: 'This is an success message!',
    color: 'success',
    pauseOnHover: true,
    timeWait: 3000,
    successIcon: '/icons/close-success.svg',
    errorIcon: '/icons/close-error.svg',
};