Sunday, 28 January, 2024 UTC
Summary
🍞 react-stacked-toast
🔥 Features
📚 Usage
1. Add the
2. Use the
🔧 API
-
📦 Tiny: ~6kB gzipped
-
🎨 Customizable: You can customize the toast notification by passing a React component
Using npm:
npm i react-stacked-toast
Using yarn:
yarn add react-stacked-toast
1. Add the Toaster component to the your application
import { Toaster } from 'react-stacked-toast';
const App = () => {
return (
<Toaster />
// Other components
);
};
2. Use the toast api to create a toast anywhere in your application
import { toast } from 'react-stacked-toast';
const Component = () => {
return (
<button
onClick={() => {
toast({
title: 'React Stacked Toast',
description: 'Here is your toast!',
});
}}
>
Show toast
</button>
);
};
Full documentation can be found here on react-stacked-toast.
Acknowledgements
This project is inspired by react-hot-toast
LICENSE
License under MIT
GitHub
View Github