ReUI
Components

Sonner

An opinionated toast component for React.

sonner

Installation

Install ReUI

Refer to the Installation Guide for detailed instructions on setting up ReUI dependencies in your project.

Install dependencies

npm install sonner

Add component

Copy and paste the following code into your project’s components/ui/sooner.tsx file.

Examples

Default

Loading

Variants

Loading

API Reference

This component is built using Sonner toast library. For detailed information, please visit the full API reference.

Toaster

This component extends the Sonner Toaster component with theme integration and custom styling. It accepts all props from the Sonner Toaster component.

PropTypeDefault
theme "light" | "dark" | "system""system"
PreviouseSliderNextSwitch