React-Toastify allow you to add notification to your app with ease.
Last updated a year ago by manojprabhakar_k .
Original npm · Tarball · package.json
$ cnpm install rc_toastify 
SYNC missed versions from official npm registry.


React-Toastify allow you to add notification to your app with ease.


You can install this package by simply running npm install --save rc_toastify or yarn add rc_toastify.

Once this has finished, you can import the package. Below is an example:

 import {Toastify} from "rc_toastify";


The Toastify package allows you to fire different levels of notifications. At present you can fire: info, success error and warning. To do this you simply call the respective method. For example, to fire a success notification you would do the following:

<Toastify notifyType="success" message="hello react notification">

As you can see, the notifyType props as like success, info and so on is the type of the notification. Default notifyType is success. The message props is the message of the notification. .


There are a small number of options you can configure in this package. These are the positionValue and autoClose.

To set an position, you can simply pass the positionValue as props. Here is an example:

<Toastify positionValue="topright" message="hello react notification">


By default, the position is set to "topright". However you can alter this to one of the following if you wish: "topleft", "bottomright", "bottomleft".


To set an delay time for notification, you can simply pass the autoClose as props. Here is an example:

 <Toastify positionValue="topright" autoClose="2000" message="hello react notification">

The delay value determines how long this notification appears on screen before it disappears. The default value is 3 seconds (3000ms). You can alter this to any number you wish.

Current Tags

  • 0.1.5                                ...           latest (a year ago)

6 Versions

  • 0.1.5                                ...           a year ago
  • 0.1.4                                ...           a year ago
  • 0.1.3                                ...           a year ago
  • 0.1.2                                ...           a year ago
  • 0.1.1                                ...           a year ago
  • 0.1.0                                ...           a year ago
Maintainers (1)
Today 0
This Week 6
This Month 6
Last Day 0
Last Week 0
Last Month 1
Dependencies (0)
Dev Dependencies (5)
Dependents (0)

Copyright 2014 - 2016 © taobao.org |