react-footer

A customizable React component for displaying a footer with dynamic website name, custom classes, and styles.

• Dynamic Content: Display the current year and website name dynamically.
• Customizable Styles: Apply custom classes and inline styles for flexible styling options.
• Easy Integration: Integrates smoothly with existing React applications. Lightweight: Minimal dependencies for efficient performance.

Install the component package via npm or yarn:

npm install @p__radip/react-footer
# or
yarn add @p__radip/react-footer

Make sure you have the following peer dependencies installed in your project:

• @emotion/react: "^11.0.0"
• @emotion/styled: "^11.0.0"
• @mui/material: "^5.0.0"
• react: "^17.0.0 || ^18.0.0"
• react-dom: "^17.0.0 || ^18.0.0"

These packages are required for the Footer component to function correctly. You can install them using npm or yarn:

npm install @mui/material @emotion/react @emotion/styled react react-dom
# or
yarn add @mui/material @mui/styled-engine-sc styled-components react react-dom

Import the Footer component and use it in your React application:

import React from "react";
import { Footer } from "@p__radip/react-footer";

const App = () => {
    return (
        <div>
            <Footer websiteName="Your website name" />
        </div>
    );
};

export default App;

Contributions are always welcome! If you have any suggestions or improvements, please submit a pull request or open an issue on GitHub.

See contributing.md for ways to get started.

Please adhere to this project's code of conduct.

If you have any feedback, please reach out to us at pradipramjnv@gmail.com