@a7medhassan/react-toast
An enterprise-class React UI library made with ❤️ by a7medhassan.
## 📦 Install
```bash
npm install @a7medhassan/react-toast
```
```bash
yarn add @a7medhassan/react-toast
```
```bash
pnpm add @a7medhassan/react-toast
```
## 🔨 Usage
### warp you entire app with ToastProvider
```jsx
import React from "react";
import {ToastProvider} from "@a7medhassan/react-toast"
const App = () => (
);
```
### then in any component inside the wrapper you can use useReactToast hook
```jsx
import React from "react";
import { useReactToast } from '@a7medhassan/react-toast'
const Components = () => (
const {addToast}=useReactToast()
function fireToast(){
addToast({
type: "success" , // "success"| "info" | "warning" | "error"
message: "your message",
duration: 1000, //your duration
position: "topLeft",// | "topLeft"| "topCenter"| "topRight"| "bottomRight"| "bottomCenter"| "bottomLeft"
icon: true //ReactNode | boolean; optional
})
}
);
```
### TypeScript
`@a7medhassan/react-toast` is written in TypeScript with complete definitions.