Toast

An accessible and beautiful toast library for React.

View on GitHub

Framework guides

AstroNext.jsRemixTanStack Start

Getting Started

  1. Install the library:
bash
  1. Add the toast provider:
jsx
// 📃 main.tsx
 
import { Toaster } from '@pheralb/toast';
 
ReactDOM.createRoot(document.getElementById('root')!).render(
  <React.StrictMode>
    <App />
    <Toaster />
  </React.StrictMode>,
);
  1. Usage:
jsx
// 📃 index.tsx
 
import { toast } from "@pheralb/toast";
 
export default function Index() {
  return (
    <>
      <button
        onClick={() =>
          toast.success({
            text: "pheralb/toast",
            description: "✨ A beautiful toast library for React",
          })
        }
      >
        <span>Render a toast</span>
      </button>
    </>
  );
}