Toast

A toast displays a brief, temporary notification.

Installation

npx shadcn@latest add @dotui/toast

Usage

import { toast, Toaster } from "@/components/ui/toast";
<Toaster />

toast("Your message has been sent.");

API Reference

A Toast displays a brief, temporary notification of actions, errors, or other events in an application.

PropType
QueuedToast<Toast>
ReactNode | function

Last updated on 1/13/2026

Built with passion by @mehdibha.