Skip to content

manojkumarboppisetti/t-react-toast

Repository files navigation

t-react-toast

A simple react toast component


previews/toast_preview.png

Usage:

  1. Install in your React.JS application: npm install t-react-toast / yarn add t-react-toast.
  2. In App.tsx
    a. Import : import {ToastComponent} from 't-react-toast'.
    b. Add it in your render method: <ToastComponent />.
  3. Import ToastService in your component: import {ToastService} from 't-react-toast'.
  4. Use ToastService to show alert in your component: ToastService.showToast({message: 'Hello World', type: 'success'}).

Demo

Live Demo

Available options

You can use bellow options to customise.

Coming soon

previews/toast_preview.gif

Thanks to Vinod Y for providing the design mockups.

License

MIT Licensed. Copyright (c) Manoj varma 2023.

About

A React.JS package to display toast messages

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published