Toast System Documentation

Select a variant and position, then click Show Toast to see it in action. See usage example below.

Variant

Position

Usage Example

import { toast, ToastContainer } from "@/components/toast";

toast.success("Success", "This is a success message", {
  position: "top-right",
  variant: "success",
});

<ToastContainer />