Toast notifications using Sonner.
npx shadcn@latest add @preskok/toastimport { toast } from "sonner"
import { Toast } from "@/components/ui/preskok-ui/toast"
export function ToastDemo() {
return (
<div>
<button onClick={() => toast.success("Saved!")}>Show toast</button>
<Toast />
</div>
)
}Add these CSS variables for better-looking toasts:
@import "tailwindcss";
@import "tw-animate-css";
@import "./toast.css";
@plugin "tailwindcss-react-aria-components";