🚀 React Toast Library

A lightweight, dependency-free React toast notification library with built-in CSS-in-JS style injection, optimized for modern React apps.

---

📦 Peer Dependencies

This library does not bundle React. You must install the following peer dependencies:

``bash
npm install react react-dom
`

Required versions:

`json
"peerDependencies": {
"react": "^19.2.3",
"react-dom": "^19.2.3"
}
`

> ✅ This ensures compatibility across multiple React projects without version conflicts.

---

⚡ Quick Start

$3

`bash
npm install toasts-react
`

or

`bash
yarn add toasts-react
`

---

$3

Wrap your root application with ToastProvider.

`jsx
import React from "react";
import ReactDOM from "react-dom/client";
import { ToastProvider } from "toasts-react";
import App from "./App";

ReactDOM.createRoot(document.getElementById("root")).render(



);
`

> ⚠️ Important:
> ToastProvider must be added once, preferably at the app root.

---

$3

`jsx
import React from "react";

import { ToastProvider, useToast } from "toasts-react";

const Button = () => {
const { success, error, info, warning } = useToast();

const buttonClick = () => {
success("Profile updated successfully");
error("Something went wrong");
info("New update available");
warning("Password is weak");
}

return buttonClick()}>Toast;
}

export default function App() {
return (



);
}
`

---

🎨 How Style Injection Works (CSS-in-JS)

This library uses runtime CSS injection instead of external .css files.

$3

* No global CSS conflicts
* Zero setup required
* Works in SSR & Micro-frontend apps
* Fully tree-shakable

---

$3

On first render of ToastProvider:

1. A