Toast

import { Toast } from "@/registry/core/toast";

export default function Demo() {
  return (
    <Toast
      variant="success"
      description="Your settings have been saved successfully."
    />
  );
}

<Toast
  title="Payment Failed"
  description="Your card was declined. Please try again."
  variant="error"
  actions={{
    primary: {
      label: "Retry",
      onClick: () => console.log("Retry clicked")
    },
    dismiss: {
      label: "Cancel",
      onClick: () => console.log("Dismiss clicked")
    }
  }}
/>

<Toast
  description="Item deleted."
  variant="warning"
  undoAction={() => console.log("Undo clicked")}
/>

import { AvatarToast } from "@/registry/core/toast";

<AvatarToast
  name="Alex Carter"
  description="Sent you a message"
  image="/images/user.jpg"
  status="online"
  time="2 minutes ago"
/>;

<Toast variant="success" description="Operation completed." />
<Toast variant="error" description="Something went wrong." />
<Toast variant="warning" description="Check your input again." />
<Toast variant="info" description="New update available." />
<Toast variant="message" description="1 new message." />