Newsletter (newsletter)
The standard newsletter subscription form. The standard newsletter subscription form.
🔗 External documentation.
| ID | Label | Description | Schema |
|---|---|---|---|
| image | Image | Newsletter image. | |
| title | Title | Newsletter title. | |
| tagline | Description | Newsletter description. | |
| content | Content | Renderable form | |
| heading_level | Heading level |
|
id: newsletter
label: Newsletter
description: 'The standard newsletter subscription form. The standard newsletter subscription form. '
homepage: 'https://protocol.mozilla.org/components/detail/newsletter--default.html'
slots:
image:
id: image
label: Image
description: 'Newsletter image.'
title:
id: title
label: Title
description: 'Newsletter title.'
tagline:
id: tagline
label: Description
description: 'Newsletter description.'
content:
id: content
label: Content
description: 'Renderable form'
props:
heading_level:
id: heading_level
label: 'Heading level'
schema:
type: integer
enum:
- 2
- 3
- 4
- 5
- 6
examples:
preview:
id: preview
label: Preview
renderable:
'@component': newsletter
image:
'@element': img
src: 'https://data.dilla.io/protocol_1/assets/static/img/newsletter/newsletter-image.png'
title: 'Love the Web?'
tagline: 'Get the Mozilla newsletter and help us keep it open and free.'
content:
-
'@element': label
'@content': 'Your email address'
-
'@element': input
type: email
placeholder: yourname@example.com
-
'@template': '<p class="mzp-c-form-submit"><button type="submit" class="mzp-c-button">Sign up now</button><span class="mzp-c-fieldnote">We will only send you Mozilla-related information.</span></p>'
heading_level: 3
