mjml-text

4.15.3 • Public • Published

mj-text

This tag allows you to display text and HTML in your email.

<mjml>
 <mj-body>
   <mj-section>
     <mj-column>
       <mj-text font-family="Helvetica" color="#F45E43">
         <h1>Title</h1>

         <p>Paragraph</p>
         <p style="font-family:Comic Sans Ms">Another paragraph</p>
       </mj-text>
     </mj-column>
   </mj-section>
 </mj-body>
</mjml>

try it live

`mj-text` is an "ending tag", which means it can contain HTML code which will be left as it is, so it can contain HTML tags with attributes, but it cannot contain other MJML components. More information about ending tags in this section.
attribute unit description default value
color color text color #000000
font-family string font Ubuntu, Helvetica, Arial, sans-serif
font-size px text size 13px
font-style string normal/italic/oblique n/a
font-weight number text thickness n/a
line-height px space between the lines 1
letter-spacing px,em letter spacing none
height px The height of the element n/a
text-decoration string underline/overline/line-through/none n/a
text-transform string uppercase/lowercase/capitalize n/a
align string left/right/center/justify left
container-background-color color inner element background color n/a
padding px supports up to 4 parameters 10px 25px
padding-top px top offset n/a
padding-bottom px bottom offset n/a
padding-left px left offset n/a
padding-right px right offset n/a
css-class string class name, added to the root HTML element created n/a

Dependencies (3)

Dev Dependencies (2)

Package Sidebar

Install

npm i mjml-text

Homepage

mjml.io

Weekly Downloads

560,722

Version

4.15.3

License

MIT

Unpacked Size

8.43 kB

Total Files

4

Last publish

Collaborators

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