Usage | Anatomy | Visual style | Editorial | Behaviour | Accessibility | Related components
| Panel | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
| Panel | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
The footer sits at the bottom of the page and delivers navigation paths to key content that isn’t delivered in the header. This is traditionally legal and policy content and social pathways.
Usage
Do’s
Use disclosures when you want to provide relevant or related information without cluttering the page.
Dont’s
Don’t use a disclosure when content is relevant to all users.
Don’t use disclosures in list. Use Accordion instead.
Don’t use a disclosure when content within the accordion is very complex or can cause slow page loads.
Anatomy
| Table of Contents | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|
|
Usage
| Tip |
|---|
Do’s |
| Warning |
|---|
Dont’s |
Anatomy
| Item | Component type | Content type | Notes |
|---|---|---|---|---|
1 |
Links | Text |
| |
2 |
Copyright statement |
Rich text |
|
3 |
Disclaimer | Rich text |
| |
4 | Social media links |
Image |
Visual style
The footer comes in two mode to work with light and dark backgrounds: default, and inverse.
Editorial
Ensure legal copyright and disclaimer content is approved by a legal team.
Keep navigation links clearly named and reflective of their destination.
Behaviour
n/a
Accessibility
Related components
tbd…