Toast Notification

In-app toast notification with variant, duration, and dismissible flag.

Report an issue
notification

Install

$ npx shadcn@latest add @open-types/toast-notification

Source

export type ToastVariant = "info" | "success" | "warning" | "error";

export interface ToastAction {
  label: string;
  url?: string;
}

export interface ToastNotification {
  id?: string;
  variant: ToastVariant;
  title: string;
  description?: string;
  duration?: number;
  dismissible?: boolean;
  action?: ToastAction;
}

export type ToastVariant = "info" | "success" | "warning" | "error";

export interface ToastAction {
  label: string;
  url?: string;
}

export interface ToastNotification {
  id?: string;
  variant: ToastVariant;
  title: string;
  description?: string;
  duration?: number;
  dismissible?: boolean;
  action?: ToastAction;
}