To follow the advancement of MJML 4, please have a look at this PR: #706
Breaking changes
- MJML doesn't use React anymore, meaning custom components created for a previous version of MJML don't work anymore
mj-container
andmj-body
are merged into a singlemj-body
component. Templates created for a previous version of MJML to be adapted to reflect this change.- The structure of the
mj-social
component changes for more consistency, following the semantic structure below. Templates created for a previous version of MJML to be adapted to reflect this change.
<mj-social>
<mj-social-link name="facebook" ... />
<mj-social-link src="custom-icon-url" ... />
</mj-social>
Features
mj-column
now supports thepadding
attribute (especially useful to create gutters between columns!) (#160)- Full-width sections are now correctly displayed in Outlook desktop (#284)
mj-raw
doesn't alter thexml
/html
content anymore (such as auto-closing tags) and is added in the HTML output where it is expected (cf #485 & #600)- The new component
mj-breakpoint
enables to change the default breakpoint used by MJML - The new API
createComponent
enables you to render MJML inside a component without importing it - Attributes inheritance is now supported when using MJML inside components
List of components supported in this alpha
mj-preview
mj-body
mj-wrapper
mj-section
mj-column
mj-group
mj-button
mj-image
mj-text
mj-divider
mj-spacer
mj-social
(new syntax)