Skip to main content
Version: 2.0 (Latest)

Getting Started

1. Wrap your app with ToastProvider​

import { ToastProvider } from "d9-toast";
import "d9-toast/toast.css";

export default function Root() {
  return (
    <ToastProvider>
      <App />
    </ToastProvider>
  );
}
warning

Required once at app root

2. Trigger toasts anywhere​

import { toast } from "d9-toast";

// You can call it directly!
const notify = () => toast("Simple notification");

// Or use specific types
const success = () => toast.success("Saved!");

✅ Works inside

  • components
  • utils
  • services
  • async functions

3. Import styles (required)​

info
import "d9-toast/toast.css";

⚠️ Without importing the CSS, the toast will render without styles.