mjml-divider
mjml-divider
npm i mjml-divider
mjml-divider

mjml-divider

MJML: the only framework that makes responsive-email easy

by mjmlio

4.13.0 (see all)License:MITTypeScript:Not Found
npm i mjml-divider
Readme

mj-divider

Displays a horizontal divider that can be customized like a HTML border.

<mjml>
  <mj-body>
    <mj-section>
      <mj-column>
        <mj-divider border-width="1px" border-style="dashed" border-color="lightgrey" />
      </mj-column>
    </mj-section>
  </mj-body>
</mjml>

try it live

attributeunitdescriptiondefault value
border-colorcolordivider color#000000
border-stylestringdashed/dotted/solidsolid
border-widthpxdivider's border width4px
container-background-colorcolorinner element background colorn/a
css-classstringclass name, added to the root HTML element createdn/a
paddingpxsupports up to 4 parameters10px 25px
padding-bottompxbottom offsetn/a
padding-leftpxleft offsetn/a
padding-rightpxright offsetn/a
padding-toppxtop offsetn/a
widthpx/percentdivider width100%
alignleft,center, rightalignmentcenter
VersionTagPublished
4.13.0
latest
7mos ago
4.7.0-beta.2
next
2yrs ago
4.6.3-alpha.0
experimental
3yrs ago
3.3.3-beta.2
beta
6yrs ago
No alternatives found
No tutorials found
Add a tutorial
No dependencies found

Rate & Review

100
No reviews found
Be the first to rate