Footer
A footer wrapper used to mount your footer. It is auto responsible by default.
Props:
children
Description: React elements to display. Type: ReactNode. Required.
style
Description: Footer style. Type: CSS Properties.
className
Description: Footer className. Type: String.
Code
import { FooterLink } from '../components/Elements/Footer/FooterLink'; import { FooterFirstSection } from '../components/Elements/Footer/FooterFirstSection'; import { FooterTitle } from '../components/Elements/Footer/FooterTitle'; import { FooterSecondSection } from '../components/Elements/Footer/FooterSecondSection'; import { FooterThirdSection } from '../components/Elements/Footer/FooterThirdSection'; import { FooterFourthSection } from '../components/Elements/Footer/FooterFourthSection'; <Footer> <FooterFirstSection> <FooterTitle content='FooterTitleForFirstSection' /> <FooterLink content='FooterLink' url='/' /> </FooterFirstSection> <FooterSecondSection> <FooterTitle content='FooterTitleForSecondSection' /> <FooterLink content='FooterLink' url='/' /> <FooterLink content='FooterLink' url='/' /> </FooterSecondSection> <FooterThirdSection> <FooterTitle content='FooterTitleForThirdSection' /> <FooterLink content='FooterLink' url='/' /> </FooterThirdSection> <FooterFourthSection> <FooterTitle content='FooterTitleForFourthSection' /> <FooterLink content='FooterLink' url='/' /> <FooterLink content='FooterLink' url='/' /> <FooterLink content='FooterLink' url='/' /> </FooterFourthSection> </Footer >