Toast

//First, wrap your application with the ToastProvider:
import { ToastProvider } from "@/components/ui/toast";
 
function App() {
  return (
    <ToastProvider>
      <YourApp />
    </ToastProvider>
  );
}

import { useToast } from "@/components/ui/toast";
 
 return function MyComponent() {
  const { toast } = useToast();
  
  const showToast = () => {
    toast({
      title: "Success!",
      description: "Your action was completed successfully.",
      variant: "success",
    });
  }
 }