Feedback / Toast

Toast

<notify />Stable

Dark, elevated toast notifications anchored bottom-center. Fire them with `notify` — semantic (success / error / warning), info, and neutral callouts — each a 1-liner or with a description, set to auto-dismiss or persist. Mount the Toaster once near the root; it's already mounted app-wide.

import { notify } from "@/components/upnext";

Toast types

Five kinds. success / error / warning carry the matching semantic ink icon; info is for neutral-but-noteworthy updates; neutral is a plain callout with no icon. Reach for the loudest type the message actually warrants — most updates are info or neutral.

notify.success("Offer letter sent.")

Composition

Every type takes the same options. Add a `description` for a second line; set `persist: true` for anything the user must act on (errors, blocking states) so it stays until dismissed; attach an `action` for a one-tap follow-up. Use the raw `toast` for promise/custom flows.

notify.success("Offer letter sent.", {
  description: "Marcus Reed and his family were notified by email.",
})

Source

The wrapper is a thin re-export; the actual styling lives in the shadcn primitive.