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.