3.1.1 • Published 8 days ago
bear-react-toaster v3.1.1
bear-react-toaster
Toaster library based for Reactjs
Support Version Map
React | React Scripts | Bear React Grid |
---|---|---|
18 | 5.0.1 | 2.0.0 |
17 | 4.0.3 | 1.0.5 |
Install
yarn add bear-react-toaster
Usage
add in your index.tsx
import "bear-react-toaster/dist/index.css";
add in your App.tsx
import {ToasterPortal} from "bear-react-toaster";
const App = () => {
return (
<div>
<BaseUsed/>
<ToasterPortal timeout={3000}/>
</div>
);
};
then in your page
import {EStatus, toast} from 'bear-react-toaster';
const BaseUsed = () => {
return (
<div>
<button type="button" onClick={() => toast({message: 'useToaster message'})}>
useToaster message
</button>
<button type="button" onClick={() => toast({status: EStatus.success, message: 'useToaster success + message'})}>
useToaster status + message
</button>
<button type="button" onClick={() => toast.success({message: 'useToaster --- toaster.success'})}>
useToaster --- toaster.success
</button>
<button type="button" onClick={() => toast({status: EStatus.warning, message: 'useToaster warning + message'})}>
useToaster warning + message
</button>
<button type="button" color="danger" onClick={() => toast({status: EStatus.error, message: 'useToaster error + message'})}>
useToaster error + message
</button>
<button type="button" color="danger" onClick={() => toast.error({message: 'useToaster --- toaster.error'})}>
useToaster --- toaster.error
</button>
<button type="button" color="info" onClick={() => toast({status: EStatus.info, message: 'useToaster info + message'})}>
useToaster info + message
</button>
<button type="button" onClick={() => toast({status: EStatus.success, message: 'window.toaster status + message'})}>
window.toaster status + message
</button>
</div>
);
};
There is also a codesandbox template that you can fork and play with it:
License
MIT © imagine10255
3.1.2-alpha.0
8 days ago
3.1.2-alpha.1
8 days ago
3.1.1
4 months ago
3.1.0
5 months ago
3.1.0-alpha.0
5 months ago
3.0.4
8 months ago
3.0.3
8 months ago
3.0.2
8 months ago
3.0.1
9 months ago
3.0.0
1 year ago
2.0.2
1 year ago
2.0.2-alpha.0
1 year ago
2.0.1-test.0
2 years ago
2.0.1
2 years ago
2.0.0
2 years ago
1.0.5
2 years ago
1.0.4
2 years ago
1.0.3
2 years ago
1.0.2
2 years ago
1.0.1
2 years ago
0.0.4
2 years ago
0.0.3
2 years ago
0.0.2
2 years ago
0.0.1
2 years ago