Acrool React Toaster

This is a toast message function for React development notifications

^3.2.0 support react >=18.0.0 <20.0.0

Features

- Supports 5 status colors: default, success, info, warning, danger
- Support show limit
- Support show position: top, bottom, left, center, right
- Call via global method
- Configurable disappearance delay seconds
- Plug and unplug using @acrool/react-portal and framer-motion

Install

``bash
yarn add @acrool/react-toaster
`




Usage

add in your index.tsx
`tst
import "@acrool/react-toaster/dist/index.css";
`

add in your App.tsx

`tsx
import {ToasterPortal, themeMap} from "@acrool/react-toaster";
import CustomCheckIcon from '../../../assets/custom_check.svg?react';


const App = () => {
return (



);
};
`

then in your page
`tsx
import {toast} from '@acrool/react-toaster';

const Example = () => {
return (



);
};
``

- toast
- toast.success
- toast.info
- toast.warning
- toast.danger

There is also a example that you can play with it:


License

MIT © Acrool & Imagine