Completely updated React, fixed #11, (hopefully)
This commit is contained in:
33
goTorrentWebUI/node_modules/react-toastify/README.md
generated
vendored
33
goTorrentWebUI/node_modules/react-toastify/README.md
generated
vendored
@@ -1,6 +1,6 @@
|
||||
# React Toastify [](https://travis-ci.org/fkhadra/react-toastify) []() []() []() [](https://coveralls.io/github/fkhadra/react-toastify?branch=master)
|
||||
|
||||

|
||||

|
||||
|
||||
|
||||
🎉 React-Toastify allow you to add notification to your app with ease. No bullshit !
|
||||
@@ -161,7 +161,7 @@ For convenience, toast expose a POSITION property to avoid any typo.
|
||||
|
||||
```js
|
||||
import React from 'react';
|
||||
import { ToastContainer } from 'react-toastify';
|
||||
import { ToastContainer, toast } from 'react-toastify';
|
||||
|
||||
class App extends Component {
|
||||
closeAfter15 = () => toast("YOLO", { autoClose: 15000 });
|
||||
@@ -742,7 +742,7 @@ style({
|
||||
|
||||
#### Style with className
|
||||
|
||||
All className like props can be a css class or a glamor rule.
|
||||
All className like props can be a css class or a glamor rule, or a css-in-js object.
|
||||
|
||||
⚠️ Use a glamor rule rather than a css class when you want to override a property cause glamor stylesheet
|
||||
will be injected last ⚠️
|
||||
@@ -755,13 +755,16 @@ will be injected last ⚠️
|
||||
class Style extends Component {
|
||||
notify = () => {
|
||||
toast("Dark style notification with default type progress bar",{
|
||||
className: css({
|
||||
// css-in-js
|
||||
className: {
|
||||
background: "black"
|
||||
}),
|
||||
},
|
||||
// css class
|
||||
bodyClassName: "grow-font-size"
|
||||
});
|
||||
|
||||
toast("Fancy progress bar.",{
|
||||
// glamor rule
|
||||
progressClassName: css({
|
||||
background: "repeating-radial-gradient(circle at center, red 0, blue, green 30px)"
|
||||
})
|
||||
@@ -782,6 +785,9 @@ You could define your style globally:
|
||||
return(
|
||||
{/*Component*/}
|
||||
<ToastContainer
|
||||
className={{
|
||||
color: "black"
|
||||
}}
|
||||
toastClassName="dark-toast"
|
||||
progressClassName={css({
|
||||
height: "2px"
|
||||
@@ -884,6 +890,23 @@ toast.update(toastId, {
|
||||
IE 11+ ✔ | Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ |
|
||||
|
||||
## Release Notes
|
||||
### V3.3.4
|
||||
|
||||
- `toast.update` run now at the end of the call stack. For more details, check [issue #135](https://github.com/fkhadra/react-toastify/issues/135)
|
||||
|
||||
### V3.3.3
|
||||
|
||||
- Clean animation on entered. This was preventing any update transition to works.
|
||||
|
||||
### V3.3.1
|
||||
|
||||
- Fix height [issue #124](https://github.com/fkhadra/react-toastify/issues/124)
|
||||
- Update typescript definition
|
||||
|
||||
### V3.3.0
|
||||
|
||||
- Better accessibility, relate to [issue #121](https://github.com/fkhadra/react-toastify/issues/121)
|
||||
- Reviewed exit animation. No more clipping.
|
||||
|
||||
### V3.2.2
|
||||
|
||||
|
Reference in New Issue
Block a user