Basic Footer Layout Navigation Others

Emphasis box (emphasis_box)

A visual wrapper used around some CTAs and forms in both marketing and application contexts.

🔗 External documentation.

ID Label Description Schema
content Content Box content. 
            id: emphasis_box
label: 'Emphasis box'
description: 'A visual wrapper used around some CTAs and forms in both marketing and application contexts. '
homepage: 'https://protocol.mozilla.org/components/detail/emphasis-box.html'
slots:
    content:
        id: content
        label: Content
        description: 'Box content.'
examples:
    preview:
        id: preview
        label: Preview
        renderable:
            '@component': emphasis_box
            content:
                -
                    '@element': h3
                    '@content': 'This is a standard Emphasis Box'
                -
                    '@element': p
                    '@content': 'This is some filler content. Cats are the best, every cat.'

This is a standard Emphasis Box

This is some filler content. Cats are the best, every cat.
<section class="mzp-c-emphasis-box"> <h3>This is a standard Emphasis Box</h3> <p>This is some filler content. Cats are the best, every cat.</p> </section>