mjml-head-attributes

4.15.3 • Public • Published

mj-attributes

Inside mj-attributes, a tag citing one MJML component (like mj-text; see example) overrides default settings for listed MJML attributes on the one component.

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

mj-class tags create a named group of MJML attributes you can apply to MJML components. To apply them, use 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>

try it live

In the following list, MJML applies only the first MJML attributes found:
  • inline MJML attributes,
  • the entry for the same MJML component (like, "mj-text") in "mj-attributes",
  • "mj-all" in "mj-attributes", and
  • default MJML values.

Readme

Keywords

none

Package Sidebar

Install

npm i mjml-head-attributes

Homepage

mjml.io

Weekly Downloads

645,828

Version

4.15.3

License

MIT

Unpacked Size

5.37 kB

Total Files

4

Last publish

Collaborators

  • mjmlio
  • iryusa
  • loeck
  • ngarnier
  • meriadec
  • kmcb