Basic Footer Layout Navigation Others

Article (article)

A long-form body of text. This is typically multiple paragraphs, often with subheadings, and should be the primary content on the page.

🔗 External documentation.

ID Label Description Schema
title Title Article title. Plain text.
content Content Article content
heading_level Heading level 
                        type: integer
enum:
    - 1
    - 2
    - 3
    - 4
    - 5
    - 6

                      
            id: article
label: Article
description: 'A long-form body of text. This is typically multiple paragraphs, often with subheadings, and should be the primary content on the page. '
homepage: 'https://protocol.mozilla.org/components/detail/article.html'
slots:
    title:
        id: title
        label: Title
        description: 'Article title. Plain text.'
    content:
        id: content
        label: Content
        description: 'Article content'
props:
    heading_level:
        id: heading_level
        label: 'Heading level'
        schema:
            type: integer
            enum:
                - 1
                - 2
                - 3
                - 4
                - 5
                - 6
examples:
    preview:
        id: preview
        label: Preview
        renderable:
            '@component': article
            title: 'We’re building a better Internet'
            content:
                -
                    '@element': p
                    '@content': 'Our mission is to ensure the Internet is a global public resource, open and accessible to all. An Internet that truly puts people first, where individuals can shape their own experience and are empowered, safe and independent.'
                -
                    '@element': p
                    '@content': 'At Mozilla, we’re a global community of technologists, thinkers and builders working together to keep the Internet alive and accessible, so people worldwide can be informed contributors and creators of the Web. We believe this act of human collaboration across an open platform is essential to individual growth and our collective future.'
            heading_level: 1

We’re building a better Internet

Our mission is to ensure the Internet is a global public resource, open and accessible to all. An Internet that truly puts people first, where individuals can shape their own experience and are empowered, safe and independent.

At Mozilla, we’re a global community of technologists, thinkers and builders working together to keep the Internet alive and accessible, so people worldwide can be informed contributors and creators of the Web. We believe this act of human collaboration across an open platform is essential to individual growth and our collective future.
<article class="mzp-c-article"> <h1 class="mzp-c-article-title">We’re building a better Internet</h1> <p>Our mission is to ensure the Internet is a global public resource, open and accessible to all. An Internet that truly puts people first, where individuals can shape their own experience and are empowered, safe and independent.</p> <p>At Mozilla, we’re a global community of technologists, thinkers and builders working together to keep the Internet alive and accessible, so people worldwide can be informed contributors and creators of the Web. We believe this act of human collaboration across an open platform is essential to individual growth and our collective future.</p> </article>