| 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
| Warning |
|---|
Insert image here |
| Item | Component type | Content type | Notes |
|---|---|---|---|---|
1 | Legal Statement/s |
| Text |
|
2 | (Additional) Legal Statements |
| RTA |
|
3 | Link list |
|
| |
4 | Social links list |
Visual style
The footer comes in two mode to work with light and dark backgrounds: default, inverse
Editorial
Ensure legal content is approved by legal.
Keep navigation links clearly named and reflective of their destination.
Behaviour
n/a
Accessibility
Related components