랭킹으로 돌아가기
An opinionated toast component for React.
reacttoastnotifications
주요 지표
스타 성장
스타
12.7k
포크
449
주간 성장
—
이슈
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.
관련 저장소