React Footer Comp

React Footer Comp is a react based footer component with dynamic year generation.

Try React Footer Comp

React footer comp is developed by Raja Raghav.

Example

Try it here

Features

• Dynamic Date generation, i.e. date changes every year
• Set Dates range with 'years' props.
• Custom text using 'text' props.
• Copyright icon ©
• Every component and element is stylable.

Installation

1. npm install --save react-footer-comp
2. Intialize import Footer from "react-footer-comp"

Plugins

• copyrightText
• copyrightIcon
• text
• initial year

Props

Prop Name	type	Example
text	string	<Footer text={"All rights reserved."}/>
years	array
copyrightIcon	boolean
copyrightText	boolean
height	number
bgColor	string	<Footer bgColor={"yellow"}/>
copyrightTextStyle	style object	<Footer copyrightTextStyle={{alignSelf:"flex-start"}}/>
copyrightIconStyle	style object	<Footer copyrightTextStyle={{alignSelf:"flex-end"}}/>
textStyle	style object	<Footer copyrightTextStyle={{alignSelf:"center"}}/>

Note

React footer comp uses flexbox so all position based styling should be done using flexbox.