rtm

Installation

How to install react-toast-msg in your project.


Install react-toast-msg using your preferred package manager:

bash
pnpm add react-toast-msg

Peer Dependencies

Ensure you have react and react-dom installed (version 18 or 19).

json
"peerDependencies": { "react": "^18 || ^19", "react-dom": "^18 || ^19" }

Styling

Since react-toast-msg uses Tailwind CSS for styling, you should import the CSS file in your main css file (e.g., app/globals.css or src/index.css):

tsx
import 'react-toast-msg/style.css';

NOTE: If you are using Tailwind CSS in your project, ensure that your configuration includes the necessary styles or that you are importing the provided CSS.

How is this guide?

Last updated on April 21, 2026