Toast

A succinct message that is displayed temporarily.

Installation

npx neobrutal add sonner

Usage

import { toast } from "sonner"
import { Button } from "@/components/ui/button"

<Button
  variant="neutral"
  onClick={() =>
    toast("Event has been created", {
      description: "Sunday, December 03, 2023 at 9:00 AM",
      action: {
        label: "Undo",
        onClick: () => console.log("Undo"),
      },
    })
  }
>
  Add to calendar
</Button>