mjml-head-attributes

mj-attributes

Inside the mj-attributes tag, you can cite other MJML components, like mj-text for example, to override the default settings for that component.

An mj-all tag is like the above, but affects all MJML components.

An mj-class tag creates a named group of MJML attributes you can apply to MJML components using mj-class="<name>".

<mjml>
 <mj-head>
   <mj-attributes>
     <mj-text padding="0" />
     <mj-class name="blue" color="blue" />
     <mj-class name="big" font-size="20px" />
     <mj-all font-family="Arial" />
   </mj-attributes>
 </mj-head>
 <mj-body>
   <mj-section>
     <mj-column>
       <mj-text mj-class="blue big">
         Hello World!
       </mj-text>
     </mj-column>
   </mj-section>
 </mj-body>
</mjml>

Important

MJML will apply found attributes in the following order:

• inline attributes within tags,
• attributes found in tags within the mj-attributes tag, e.g. mj-text,
• the mj-all tag wuthin mj-attributes, and
• the default MJML values.

Try it live

Similar packages

Other packages similar to mjml-head-attributes

mjml

The mjml package is the core library of the MJML framework. It allows you to write responsive email templates using a simple markup language. While mjml-head-attributes is a specific component for setting default attributes, the mjml package provides the overall structure and components needed to build the entire email template.

mjml-head

The mjml-head package is another component of the MJML framework. It is used to define the head section of an MJML document, where you can include elements like <mj-title>, <mj-preview>, and <mj-attributes>. The mjml-head-attributes component is specifically for setting default attributes within the <mj-head> section.

mjml-core

The mjml-core package is the underlying engine that powers the MJML framework. It is responsible for parsing MJML code and converting it into responsive HTML. While mjml-head-attributes focuses on setting default attributes, mjml-core handles the overall rendering process.