Skip to content

Latest commit

 

History

History
60 lines (48 loc) · 2.43 KB

README.md

File metadata and controls

60 lines (48 loc) · 2.43 KB
Raw

Published on webcomponents.org

<smd-social>

Install the element

$ bower i --save Soulmatters/smd-social


 <smd-social width="30" height="30" logo-circle icon="google-plus"></smd-social>
    <smd-social logo-circle width="30" height="30" icon="facebook"></smd-social>
    <smd-social logo-circle width="30" height="30" icon="twitter"></smd-social>
    <smd-social logo-circle width="30" height="30" icon="youtube"></smd-social>
    <smd-social logo-circle width="30" height="30" icon="dribbble"></smd-social>
    <smd-social logo-circle width="30" height="30" icon="linkedin"></smd-social>
    <smd-social logo-circle width="30" height="30" icon="pinterest"></smd-social>
    <smd-social logo-circle width="30" height="30" icon="behance"></smd-social>

Use the element

<smd-social width="30" height="30" logo-circle icon="google-plus"></smd-social>

Element properties

icon: String, the name of the social media (Google+, facebook, twitter, dribbble, linkedin, behance, youtube, pinterest),
fillColor: String, the color fill of the social icon,
width,height: String, the size of the icon,
logoColor: Boolean if set to true uses the original color of the social media as icon color,
logoCircle: Boolean if set to true uses the original color of the social media as icon background,
iconBg: String for the custom color of the icon background,
link: String the set the link of the icon,
target: String, default '_blank'.

###Update

Fixed element ripple overflow