React Footer Bar

React Footer Bar is an unique React.js component to provide animation. It is a ready to use for your React application.

Preview

Animated Preview

Installation

npm install react-footer-bar
#or
yarn add react-footer-bar

Usage

import React from "react";
import Footer from "react-footer-bar";

function App() {
  return (
    <Footer
      textArray={["Copyright@2023", "Thanks for visiting", "All the best!"]}
      backGroundStyle={{
        backgroundColor: "Highlight",
      }}
      textStyle={{
        fontSize: 24,
      }}
      enableAnimation
    />
  );
}

export default App;

Footer Props

| Prop | Type | Description | | :-------------: | :-------------: | :--------------------------------------------------: | | textArray | Array[String] | To pass the array of strings which wants to display. | | enableAnimation | Boolean | If it's true then animation will enabled. | | backGroundStyle | Object | This is style object to apply for background. | | textStyle | Object | This is style object to apply for text. | | className | String | CSS class to apply on component. | | style | Object | CSS style to apply on component. |

License

ISC