Footer
This component can be used to display content with a full width background in the brand color.
The content width is restricted to the theme containerWidth.
It can be used in combination with FooterLinks to create a styled list and FooterLink to create the single links inside the list.
Props
| Props | Type | Required | Values | Default |
|---|---|---|---|---|
children | ReactElement | - | - | - |
Examples
<Footer>
<FooterLinks>
<FooterLink href="/about" text="About" />
<FooterLink href="/imprint" text="Imprint" />
<FooterLink href="/faq" text="FAQ" />
</FooterLinks>
</Footer>
Example with multiple children
<Footer>
<FooterLinks>
<FooterLink href="/about" text="About" />
<FooterLink href="/imprint" text="Imprint" />
<FooterLink href="/faq" text="FAQ" />
</FooterLinks>
<Center>
<WorkDeskIcon isOnDarkBackground scale="huge" />
</Center>
</Footer>