av-toastx
v1.0.9
Published
A lightweight and customizable React toast notification library
Maintainers
Readme
ToastX 🔔
A lightweight and customizable React toast notification library.
ToastX makes it easy to show beautiful toast notifications in your React applications with minimal setup.
✨ Features
- ⚡ Lightweight and fast
- 🎨 Customizable styles
- 📦 Simple API
- ⚛️ Built for React
- 🔔 Multiple toast notifications support
📦 Installation
npm install av-toastxor
yarn add av-toastx🚀 Usage
1. Wrap your app with ToastProvider
import { ToastProvider } from "av-toastx";
function App() {
return (
<ToastProvider>
<YourApp />
</ToastProvider>
);
}2. Use the useToast hook
import { useToast } from "av-toastx";
function Demo() {
const { toast } = useToast();
return (
<button onClick={() => toast("Hello from ToastX!")}>
Show Toast
</button>
);
}⚙️ Example Toast
toast("Success! Your action was completed.")🛠 Development
Clone the repository and install dependencies:
git clone https://github.com/AbhinavViswam/toastx
cd toastx
npm install📜 License
MIT © Abhinav Viswamp
⭐ Support
If you like this project, consider giving it a star on GitHub!
