@edux-design/toasts

Toast primitives for the Edux design system.

Quick Start

import { ToastContainer, toast, Bounce } from "@edux-design/toasts";

export function App() {
  return (
    <>
      <ToastContainer
        position="top-right"
        autoClose={5000}
        newestOnTop={false}
        closeOnClick={false}
        rtl={false}
        pauseOnFocusLoss
        pauseOnHover
        transition={Bounce}
      />
      <button
        type="button"
        onClick={() =>
          toast("🦄 Wow so easy!", {
            position: "top-right",
            autoClose: 5000,
            closeOnClick: false,
            pauseOnHover: true,
            transition: Bounce,
          })
        }
      >
        Emit toast
      </button>
    </>
  );
}

Installation

pnpm add @edux-design/toasts
# or
npm install @edux-design/toasts

Peer dependencies: react@^19.1.0, react-dom@^19.1.0.

Development

• pnpm --filter @edux-design/toasts build
• pnpm --filter @edux-design/toasts lint
• pnpm --filter @edux-design/toasts check-types