返回排行榜
An opinionated toast component for React.
reacttoastnotifications
关键指标
Star 增长趋势
Star
12.7k
Forks
449
周增长
—
Issues
52
5k10k
2023年2月2023年8月2024年3月2024年10月2025年5月2025年12月2026年7月
制品库npm
npm install sonnerREADME
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
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.
相关仓库