An opinionated toast component for React.
reacttoastnotifications
Kennzahlen
Sterne-Wachstum
Sterne
12.9k
Forks
462
Wochenwachstum
+26
Issues
36
5k10k
Feb. 2023Sept. 2023Apr. 2024Nov. 2024Juni 2025Feb. 2026Sept. 2026
Artefaktenpm
README
https://github.com/vallezw/sonner/assets/50796600/59b95cb7-9068-4f3e-8469-0b35d9de5cf0
Sonner is an opinionated toast component for React. You can read more about why and how it was built here.
Usage
To start using the library, install it in your project:
npm install sonner
Alternatively you can use the /ask-sonner skill to do it for you and help you with any other Sonner-related questions.
npx skills add https://github.com/emilkowalski/skills --skill ask-sonner
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';
// ...
function App() {
return (
<div>
<Toaster />
<button onClick={() => toast('My first toast')}>Give me a toast</button>
</div>
);
}
Documentation
Find the full API reference in the documentation.
Ähnliche Repositories