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

PropsTypeRequiredValuesDefault
childrenReactElement---

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>