Introduction

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:

```shell

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.

```shell

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.

```js

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.

About

An opinionated toast component for React.