How to use mjml-react

Best JavaScript code snippets using mjml-react(Showing top 4 results out of 315)

app.get('/2', (req, res) => {
 const {html} = render(email2.generate(), {validationLevel: 'soft'});
 res.send(html);
});

const generate = () => {
 return (
  <Mjml>
   <MjmlHead>
    <MjmlTitle>Last Minute Offer</MjmlTitle>
    <MjmlPreview>Last Minute Offer...</MjmlPreview>
   </MjmlHead>
   <MjmlBody width={500}>
    <MjmlSection fullWidth backgroundColor="#efefef">
     <MjmlColumn>
      <MjmlImage src="https://static.wixstatic.com/media/5cb24728abef45dabebe7edc1d97ddd2.jpg" />
     </MjmlColumn>
    </MjmlSection>
    <MjmlSection>
     <MjmlColumn>
      <MjmlButton padding="20px" backgroundColor="#346DB7" href="https://www.wix.com/">
       This Yet Another Template
      </MjmlButton>
     </MjmlColumn>
    </MjmlSection>
    <MjmlSection>
     <MjmlColumn>
      <MjmlText><a href="/">Go Back</a></MjmlText>
     </MjmlColumn>
    </MjmlSection>
   </MjmlBody>
  </Mjml>
 );
}

const generate = () => {
 return (
  <Mjml>
   <MjmlHead>
    <MjmlTitle>Last Minute Offer</MjmlTitle>
    <MjmlPreview>Last Minute Offer...</MjmlPreview>
    <MjmlStyle>{css}</MjmlStyle>
    <MjmlStyle>{`
     .blue-column {
      background-color: blue;
    <MjmlStyle inline>{`
     .red-column {
      background-color: red;
   <MjmlBody width={500}>
    <MjmlSection fullWidth backgroundColor="#efefef">
     <MjmlColumn>
      <MjmlImage src="https://static.wixstatic.com/media/5cb24728abef45dabebe7edc1d97ddd2.jpg" />
     </MjmlColumn>
    </MjmlSection>
    <MjmlSection>
     <MjmlColumn>
      <MjmlButton padding="20px" backgroundColor="#346DB7" href="https://www.wix.com/">
       I like it!
      </MjmlButton>
     </MjmlColumn>
    </MjmlSection>
    <MjmlSection>
     <MjmlColumn cssClass="blue-column">

app.get('*', (req, res) => {
 const {html}  = render(email1.generate(), {validationLevel: 'soft'});
 res.send(html);
});