mjml-divider

4.15.3 • Public • Published

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

attribute unit description default value
align string left/right/center center
border-color color divider color #000000
border-style string dashed/dotted/solid solid
border-width px divider's border width 4px
container-background-color color inner element background color n/a
css-class string class name, added to the root HTML element created n/a
padding px supports up to 4 parameters 10px 25px
padding-bottom px bottom offset n/a
padding-left px left offset n/a
padding-right px right offset n/a
padding-top px top offset n/a
width px/percent divider width 100%

Dependents (11)

Package Sidebar

Install

npm i mjml-divider

Homepage

mjml.io

Weekly Downloads

449,626

Version

4.15.3

License

MIT

Unpacked Size

8.03 kB

Total Files

4

Last publish

Collaborators

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