codestacks React Block

This is a toast message function for React development notifications

^1.1.0 support react >=18.0.0 <20.0.0

Features

- Supports queue block list
- Plug and unplug using @codestacks/react-portal and framer-motion

Install

``bash
yarn add @codestacks/react-block
`




Usage

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

add in your App.tsx

`tsx
import {BlockPortal} from "@codestacks/react-block";

const App = () => {
return (



);
};
`

then in your page

`tsx
import {block} from '@codestacks/react-block';
import {useEffect} from "react";

const Example = () => {

useEffect(() => {
block.show();

setTimeout(() => {
block.hide();
}, 3000)
}, []);

return (



);
};
``

- block.show
- block.hide

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


License

MIT © codestacks