sonner-solid is an opinionated toast component for SolidJs ported from the react version sonner.
Usage
To start using the library, install it in your project:
npm install sonner-solid
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 'sonner-solid';
// ...
function App() {
return (
<div>
<Toaster />
<button onClick={() => toast('My first toast')}>Give me a toast</button>
</div>
);
}
Documentation
You can find out more about the API and implementation in the Documentation.