Mjml-button NPM | npm.io

4.15.3 • Published 1 year ago

Install

Weekly downloads

202,895

License

MIT

Repository

Last release

1 year ago

mjml-button

Displays a customizable button.

<mjml>
  <mj-body>
    <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-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	string	css border format	none
border-bottom	string	css border format	n/a
border-left	string	css border format	n/a
border-right	string	css border format	n/a
border-top	string	css border format	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	normal
font-family	string	font name	Ubuntu, Helvetica, Arial, sans-serif
color	color	text color	#ffffff
text-align	string	text-align button content	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
line-height	px/%/none	line-height on link	120%
href	link	link to be triggered when the button is clicked	n/a
rel	string	specify the rel attribute for the button link	n/a
inner-padding	px	inner button padding	10px 25px
padding	px	supports up to 4 parameters	10px 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
width	px	button width	n/a
height	px	button height	n/a
css-class	string	class name, added to the root HTML element created	n/a

@babel/runtime lodash mjml-core

@everything-registry/sub-chunk-2179 @zalastax/nolb-mj @cheapsteak/mjml @cjel/mjml @infinitebrahmanuniverse/nolb-mj mon-test-mjml mjml-preset-core mjml1 mjml-anthill mjml-c1sar mjml-mailchimp mjml-pardot mjml-fix netkin-mjml-preset-core @extronics/mjml

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago