1.0.1 • Published 1 year ago

react-adaptive-footer v1.0.1

Weekly downloads
-
License
MIT
Repository
-
Last release
1 year ago

react-adaptive-footer

A reusable Footer component in react for either Web Browser or Mobile screen responsivenes.

Live demo

Live demo

Link: https://quivercrypto.netlify.app/home

Installation

Install my-project with npm

  npm i react-adaptive-footer
import { Footer } from 'react-footer-navbar';

const MY__ACCOUNT = [
    {
      display: "Page 1",
      url: "/market",
      target: "_self",
    },
    {
      display: "Page 2",
      url: "https://mintable.app/u/nikhilsurfingaus",
      target: "_blank",
    },
    {
      display: "Page 3",
      url: "/market",
      target: "_blank",
    },
  ];

export const Example = () => 
        <>
            <Footer 
                bg='#0b4a91' 
                siteName="MyWebsite"
                siteDesc="Thus us sum mad website cuz"
                siteDesc="Thus us sum mad website cuz"
                nav = {LINKS}
            />
        </>

Props

PropsTypesDescription
bgStrBackground colour for footer with '#xxxxx'
siteNameStrName of Website
siteLogoimgLogo image file for website
s1Title,s2Title,s2TitlestrTitle for each sub section
subOne,subTwo,subThree,subSocialObject ArrayEach Prop Requires display:"name", url:"_page/web link", target="_self/_blank"

Feedback

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