Footer

A Footer can be used to present important legal information at the bottom of a page layout.

<Footer
  yearOfCreation={2020}
/>
Made with by the native web

Specifying the year of creation

You need to set the yearOfCreation property in order to define the copyright timespan that will be generated automatically.

<React.Fragment>
  <Footer
    yearOfCreation={2016}
  />
  <Footer
    yearOfCreation={2020}
  />
</React.Fragment>
Made with by the native web
Made with by the native web

Optionally you may provide a linkToImprint. This will add a link to your imprint to the legal section of the footer.

<Footer
  linkToImprint="/en-us/imprint"
  yearOfCreation={2020}
/>

Optionally you may provide a linkToPrivacyPolicy. This will add a link to your privacy policy to the legal section of the footer.

<Footer
  linkToPrivacyPolicy="/en-us/privacy-policy"
  yearOfCreation={2020}
/>

Setting the font size

<React.Fragment>
  <Property
    name="fontSize"
    value="sm"
  />
  <Footer
    borderTop="none"
    fontSize="sm"
    yearOfCreation={2020}
  />
  <hr />
  <Property
    name="fontSize"
    value="md"
  />
  <Footer
    borderTop="none"
    fontSize="md"
    yearOfCreation={2020}
  />
</React.Fragment>

fontSize: "sm"

Made with by the native web

fontSize: "md"

Made with by the native web

Setting the color on dark background

Switch the color property to light if you would like to place it on a dark background. Additionally it can make sense to set the borderTop property to none.

<Footer
  borderTop="none"
  color="light"
  yearOfCreation={2020}
/>
Made with by the native web