mjml-button

mjml-button

Displays a customizable button.

<mjml>
  <mj-body>
    <mj-container>
      <mj-section>
        <mj-column>
          <mj-button font-family="Helvetica" background-color="#f45e43" color="white">
            Don't click me!
          </mj-button>
        </mj-column>
      </mj-section>
    </mj-container>
  </mj-body>
</mjml>

attribute	unit	description	default value
background-color	color	button background-color	#414141
container-background-color	color	button container background color	n/a
border-radius	px	border radius	3px
font-style	string	normal/italic/oblique	n/a
font-size	px	text size	13px
font-weight	number	text thickness	bold
font-family	string	font name	Ubuntu, Helvetica, Arial, sans-serif
color	color	text color	#ffffff
border	string	css border format	none
text-decoration	string	underline/overline/none	none
text-transform	string	capitalize/uppercase/lowercase	none
align	string	horizontal alignment	center
vertical-align	string	vertical alignment	middle
href	link	link to be triggered when the button is clicked	n/a
inner-padding	px	inner button padding	15px 25px
padding	px	supports up to 4 parameters	15px 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