Introducing @mosespace/toast v3.0.15

Beautiful toast notifications for React.

A lightweight, customizable, and accessible toast component that makes notifications in your React app delightful.

2.5k+ stars on GitHub

Quick Installation

pnpm add @mosespace/toast

Simple Usage

App.jsx

import { Toaster, toast } from '@mosespace/toast'

// 1. Add the Toaster component to your app-layout
function AppLayout() {
  return (
    <>
      {children}
      <Toaster />
    </>
  )
}

// 2. Use the toast function anywhere in your app
function YourComponent() {
  return (
    <button onClick={() => toast('Hello World!')}>
      Show Toast
    </button>
  )
}

Just two simple steps to add beautiful toast notifications to your React app.

Toast Examples

Accessible toast that makes notifications in your React app delightful.

Join hundreds of developers and communities using @MTOAST to render beautiful react toasts, in there modern looking nice front-end.