A reusable Footer component in react for either Web Browser or Mobile screen responsivenes.
Live demo
Link: https://quivercrypto.netlify.app/home
Install my-project with npm
npm i react-adaptive-footerimport { 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 | Types | Description |
|---|---|---|
| bg | Str | Background colour for footer with '#xxxxx' |
| siteName | Str | Name of Website |
| siteLogo | img | Logo image file for website |
| s1Title,s2Title,s2Title | str | Title for each sub section |
| subOne,subTwo,subThree,subSocial | Object Array | Each Prop Requires display:"name", url:"_page/web link", target="_self/_blank" |
If you have any feedback, please reach out to us at nikhilsurfingaus@gmail.com