Skip to main content

nsx-footer

Introduction#

The footer holds legally required links and copyright information for the website. It is also an important SEO tool as it includes links to social channels and our mobile apps.

This experience pattern is a wrapper of the ns-footer. The footer experience pattern is broken into 3 parts. Legal links, SEO links and brand and copyright notice.

If a link needs to be updated for the website footer, it needs to be done in this experience pattern.

Best practice#

๐Ÿ’š Do's๐Ÿ’” Don'ts
Keep it at the bottom of the page as the last element.Make your own footer if you are part of the customer facing website.
Keep the footer outside the main element

Usage#

View example on Storybook

Component placement#

The nsx-footer component can only be used as a child of the <main> element

Feedback#

  • Do you have insights or concerns to share? You can raise an issue via Github bugs.
  • See all the issues already raised via Github issues

๐Ÿ’ฉ ๐ŸŽ‰ ๐Ÿฆ„ If you have any questions, contact us on Microsoft Teams in the Nucleus Design System channels.