react-notfound-page v0.1.7

NotFound Component

The NotFound component is a React functional component that displays a 404 Not Found message along with an animation and an optional button.

Installation

npm i react-notfound-page

Props

The NotFound component accepts the following props:

Example Usage

Below is an example of how to use the NotFound component in your application:

import React from 'react';
import NotFound from 'react-notfound-page';

const CustomButton = () => (
  <button className="btn btn-primary">Go Back</button>
);

const AppNotFoundPage = () => {
  return (
    <div>
      <NotFound 
        ButtonComponent={CustomButton} 
        text="Page Not Found" 
        textClassName="text-red-500" 
        rootClassName="my-custom-class" 
      />
    </div>
  );
};

export default AppNotFoundPage;

License

This component is open source and available under the MIT License.