Skip to main content

Toastr

The Toastr component is a utility for displaying toast notifications in our application. Toast notifications are a way to provide users with non-intrusive, temporary messages or feedback. In this guide, we'll walk through how to use the Toastr component in codebase.

Importing the Toastr Component​

To use the Toastr component in our app, we need to import it from our styled components. Here's how we can import it:

import { Toastr } from "StyledComponents";

Using the Toastr Component​

The Toastr component can be used with various props to control its appearance. Here are some examples of how we can use it:

Success message toastr​

Toastr.success("Pass the message to be displayed");

success

Error message toastr​

Toastr.error("Pass the message to be displayed");

error