status-modal

A react component that you can use to render current error or success messages from a particular API endpoint

Basic usage

You can use this package by installing it with the command below

npm install status-modal

When you're done with the above step, simply import the component in your project. The snippet below shows a basic usage without some of the props

import React from "react";
import { Status } from "status-modal/dist";

export default function Home() {
  const message = "Hello status modal";

  return (
    <React.Fragment>
      <Status message={message} />
    </React.Fragment>
  );
}

By default the UI of the modal has a touch of green, which indicates a successful status message.

But, if you want to alter the style of the modal to fit the case of an error message, all you need to do is, add the status prop, and set its value to "error"

<Status message={message} status="error" />

Want to contribute?

Checkout the contributing guide on how to go about that.