W3Toast is an opinionated toast component for React. You can read more about why and how it was built here.
To start using the library, install it in your project:
npm install w3-toast
Add <Toaster />
to your app, it will be the place where all your toasts will be rendered.
After that you can use toast()
from anywhere in your app.
import { Toaster, toast } from ' w3-toast';
// ...
function App() {
return (
<div>
<Toaster />
<button onClick={() => toast('My first toast')}>Give me a toast</button>
</div>
);
}
Find the full API reference in the documentation.