DEV Community

MD Taseen Khan
MD Taseen Khan

Posted on • Originally published at reactjsexample.com on

A Customizable toast component for React

Alert

A Customizable toast component for React

Customizable toast component for React.

Installation

To start using the library, install it in your project:

npm install alert
Enter fullscreen mode Exit fullscreen mode

Add the <Toaster/> component to your app, this component will take care of rendering all your toasts. After that, you can use the toast() function from anywhere in your app.

import { Toaster, toast } from 'alert';

// ...

const App = () => {
  return (
    <div>
      <Toaster />
      <button onClick={() => toast('This is a toast.')}>Create a toast</button>
    </div>
  );
}
Enter fullscreen mode Exit fullscreen mode

Documentation

You can find out more about the API and implementation soon.

GitHub

View Github

Heroku

Deploy with ease. Manage efficiently. Scale faster.

Leave the infrastructure headaches to us, while you focus on pushing boundaries, realizing your vision, and making a lasting impression on your users.

Get Started

Top comments (0)

Dynatrace image

Frictionless debugging for developers

Debugging in production doesn't have to be a nightmare.

Dynatrace reimagines the developer experience with runtime debugging, native OpenTelemetry support, and IDE integration allowing developers to stay in the flow and focus on building instead of fixing.

Learn more