Description
This is a library for react. There are some common react components.
React-toast
A toast like android or IOS toast. Both work in PC and mobile.
Usage
{ } { } { reactToast } { reactToast } { return <div className="toast"> <h1>React Toast</h1> <ul> <li onClick=thistoastFromBottom>Info from Bottom</li> <li onClick=thistoastFromTop>Info from top</li> <li onClick=thistoastSuccess>Success</li> <li onClick= reactToast>Warning</li> <li onClick=thistoastDangerCenter>Danger</li> </ul> </div> }
props
props | value | default |
---|---|---|
text | The message you want to display | |
className | The animation className(See https://daneden.github.io/animate.css/) | fadeInUp |
timeout | The message show time | 2000 |
position | The position of the message(one of top, bottom, center) | bottom |