Dhc-mjml-social NPM

mjml-social

Displays calls-to-action for various social networks with their associated logo. You can activate/deactivate any icon, with display property.

<mjml>
  <mj-body>
    <mj-container>
      <mj-section>
        <mj-column>
          <mj-social
            mode="vertical"
            display="google facebook"
            google-icon-color="#424242"
            facebook-icon-color="#424242"
            facebook-href="My facebook page"
            google-href="My google+ page" />
        </mj-column>
      </mj-section>
    </mj-container>
  </mj-body>
</mjml>

attribute	unit	description	default value
border-radius	px	border radius	3px
facebook-content	string	button text content	Share
facebook-href	url	button redirection url	[SHORT_PERMALINK]
facebook-icon-color	color	icon color	#3b5998
font-family	string	font name	Ubuntu, Helvetica, Arial, sans-serif
font-size	px/em	font size	13px
google-content	string	button text content	+1
google-href	url	button redirection url	[SHORT_PERMALINK]
google-icon-color	color	icon color	#dc4e41
icon-size	percent/px	icon size	20px
instagram-content	string	button text content	Share
instagram-href	url	button redirection url	[SHORT_PERMALINK]
instagram-icon-color	color	icon color	#3f729b
line-height	percent/px	space between lines	22px
linkedin-content	string	button text content	Share
linkedin-href	url	button redirection url	[SHORT_PERMALINK]
linkedin-icon-color	color	icon color	#0077b5
mode	string	vertical/horizontal	horizontal
pinterest-content	string	button text content	Pin it
pinterest-href	url	button redirection url	[SHORT_PERMALINK]
pinterest-icon-color	color	icon color	#bd081c
text-decoration	string	underline/overline/none	none
text-mode	string	display social network name	true
twitter-content	string	button text content	Tweet
twitter-href	url	button redirection url	[SHORT_PERMALINK]
twitter-icon-color	color	icon color	#55acee
align	string	left/right/center	center
color	color	text color	#333333
base-url	string	icon base url	https://www.mailjet.com/images/theme/v1/icons/ico-social/
display	string	List of social icons to display separated by a space,	facebook twitter google
	available values: `facebook google instagram pinterest linkedin twitter`
inner-padding	px	social network surrounding padding	4px
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
container-background-color	color	inner element background color	n/a