Sonner

An opinionated toast component for React.

Loading component...

When to use

Sonner provides toast notifications for user feedback. Use this decision tree:

import { toast } from "sonner"

toast("Event has been created.")

toast.success("Success", {
    description: "Profile updated successfully",
})

toast.error("Terrible, terrible damage", {
    description: "Failed to update profile",
})

Built by malinskibeniamin. The source code is available on GitHub.