React Footer Comp is a react based footer component with dynamic year generation.
React footer comp is developed by Raja Raghav.
- 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.
npm install --save react-footer-comp
- Intialize
import Footer from "react-footer-comp"
- copyrightText
- copyrightIcon
- text
- initial year
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"}}/> |
React footer comp uses flexbox so all position based styling should be done using flexbox.