Footer (footer)
A page footer component, containing common links to complement primary navigation and flexible structure. It is best viewed with “full view” as it’s meant to take up the full width of the page.
| ID | Label | Description | Schema |
|---|---|---|---|
| logo | Logo | Any link put here will be overridden by the Mozilla logo | |
| sections | Sections | An list of footer_section components. | |
| language | Language | Placeholder for the language switcher | |
| license | License | Placeholder for the license text | |
| social | Social |
|
|
| terms | Terms |
|
id: footer
label: Footer
description: 'A page footer component, containing common links to complement primary navigation and flexible structure. It is best viewed with “full view” as it’s meant to take up the full width of the page. '
group: Footer
homepage: 'https://protocol.mozilla.org/components/detail/footer.html'
slots:
logo:
id: logo
label: Logo
description: 'Any link put here will be overridden by the Mozilla logo'
sections:
id: sections
label: Sections
description: 'An list of footer_section components.'
language:
id: language
label: Language
description: 'Placeholder for the language switcher'
license:
id: license
label: License
description: 'Placeholder for the license text'
props:
social:
id: social
label: Social
schema:
type: array
items:
type: object
properties:
title:
type: string
attributes:
$ref: '#/$defs/attributes_value'
below:
type: object
terms:
id: terms
label: Terms
schema:
type: array
items:
type: object
properties:
title:
type: string
attributes:
$ref: '#/$defs/attributes_value'
below:
type: object
library:
dependencies:
- details
- footer
id: footer
examples:
preview:
id: preview
label: Preview
renderable:
'@component': footer
logo:
'@element': a
'@content': Mozilla
sections:
-
'@component': footer_section
heading: Topic
list:
-
title: 'Link One'
url: 'https://www.mozilla.org/firefox/new/'
-
title: 'Link Two'
url: 'https://www.mozilla.org/firefox/'
-
title: 'Link Three'
url: 'https://www.mozilla.org/firefox/mobile/'
-
title: 'Link Four'
url: 'https://www.mozilla.org/firefox/features/'
-
title: 'Long link just to mix things up and cause problems.'
url: 'https://www.mozilla.org/firefox/channel/desktop/'
-
title: 'Link Six'
url: 'https://www.mozilla.org/firefox/channel/desktop/'
-
'@component': footer_section
heading: Topic
list:
-
title: 'Link One'
url: 'https://www.mozilla.org/firefox/new/'
-
title: 'Link Two'
url: 'https://www.mozilla.org/firefox/'
-
title: 'Link Three'
url: 'https://www.mozilla.org/firefox/mobile/'
-
title: 'Link Four'
url: 'https://www.mozilla.org/firefox/features/'
-
title: 'Long link just to mix things up and cause problems.'
url: 'https://www.mozilla.org/firefox/channel/desktop/'
-
title: 'Link Six'
url: 'https://www.mozilla.org/firefox/channel/desktop/'
-
'@component': footer_section
heading: Topic
list:
-
title: 'Link One'
url: 'https://www.mozilla.org/firefox/new/'
-
title: 'Link Two'
url: 'https://www.mozilla.org/firefox/'
-
title: 'Link Three'
url: 'https://www.mozilla.org/firefox/mobile/'
-
title: 'Link Four'
url: 'https://www.mozilla.org/firefox/features/'
-
title: 'Long link just to mix things up and cause problems.'
url: 'https://www.mozilla.org/firefox/channel/desktop/'
-
title: 'Link Six'
url: 'https://www.mozilla.org/firefox/channel/desktop/'
-
'@component': footer_section
heading: Topic
list:
-
title: 'Link One'
url: 'https://www.mozilla.org/firefox/new/'
-
title: 'Link Two'
url: 'https://www.mozilla.org/firefox/'
-
title: 'Link Three'
url: 'https://www.mozilla.org/firefox/mobile/'
-
title: 'Link Four'
url: 'https://www.mozilla.org/firefox/features/'
-
title: 'Long link just to mix things up and cause problems.'
url: 'https://www.mozilla.org/firefox/channel/desktop/'
-
title: 'Link Six'
url: 'https://www.mozilla.org/firefox/channel/desktop/'
-
'@component': footer_section
heading: Topic
list:
-
title: 'Link One'
url: 'https://www.mozilla.org/firefox/new/'
-
title: 'Link Two'
url: 'https://www.mozilla.org/firefox/'
-
title: 'Link Three'
url: 'https://www.mozilla.org/firefox/mobile/'
-
title: 'Link Four'
url: 'https://www.mozilla.org/firefox/features/'
-
title: 'Long link just to mix things up and cause problems.'
url: 'https://www.mozilla.org/firefox/channel/desktop/'
-
title: 'Link Six'
url: 'https://www.mozilla.org/firefox/channel/desktop/'
-
'@component': footer_section
heading: Topic
list:
-
title: 'Link One'
url: 'https://www.mozilla.org/firefox/new/'
-
title: 'Link Two'
url: 'https://www.mozilla.org/firefox/'
-
title: 'Link Three'
url: 'https://www.mozilla.org/firefox/mobile/'
-
title: 'Link Four'
url: 'https://www.mozilla.org/firefox/features/'
-
title: 'Long link just to mix things up and cause problems.'
url: 'https://www.mozilla.org/firefox/channel/desktop/'
-
title: 'Link Six'
url: 'https://www.mozilla.org/firefox/channel/desktop/'
language: '[Placeholder for the language switcher]'
license:
-
- 'Visit Mozilla Corporation’s not-for-profit parent, the '
-
'@element': a
'@content': 'Mozilla Foundation'
href: 'https://foundation.mozilla.org/'
-
- .
-
'@element': br
-
- 'Portions of this content are ©1998–2022 by individual mozilla.org contributors.'
-
'@element': br
-
- 'Content available under a '
-
'@element': a
'@content': 'Creative Commons license'
href: 'https://www.mozilla.org/foundation/licensing/website-content/'
rel: license
-
- .
social:
-
title: Twitter
url: 'https://twitter.com/firefox'
attributes:
class:
- twitter
-
title: YouTube
url: 'https://www.youtube.com/firefoxchannel'
attributes:
class:
- youtube
terms:
-
title: 'Website Privacy Notice'
url: 'https://www.mozilla.org/privacy/websites/'
-
title: Cookies
url: 'https://www.mozilla.org/privacy/websites/#cookies'
-
title: Legal
url: 'https://www.mozilla.org/about/legal/'
-
title: 'Website Privacy Notice'
url: 'https://www.mozilla.org/privacy/websites/'
-
title: Cookies
url: 'https://www.mozilla.org/privacy/websites/#cookies'
-
title: Legal
url: 'https://www.mozilla.org/about/legal/'