When one toast is not enough, stack them up!
-
📦 Stackable: Toast notifications are able to stack up on top of each other
-
🎯 Simple: Easy to use APIs with minimal setup
-
🎨 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
import { Toaster } from 'react-stacked-toast';
const App = () => {
return (
<Toaster />
// Other components
);
};
import { toast } from 'react-stacked-toast';
const Component = () => {
const handleClick = () => {
// Quickly make a toast
toast('Here is your toast!');
// Or need more customization
toast({
title: 'React Stacked Toast',
description: 'Here is your toast!',
icon: '🍞',
...
});
};
return <button onClick={handleClick}>Show toast</button>;
};
Full documentation can be found here on react-stacked-toast.
This project is inspired by react-hot-toast
If you find a bug or want to request a feature, please open an issue here
If you like this project, please consider giving it a star on GitHub. It's a huge encouragement for me. Thank you!
License under MIT