smd-social

A fast way to integrate social buttons into your web app

View larger

Close

[ This description is mirrored from README.md at github.com/Soulmatters/smd-social on 2019-05-22 ]

<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

Links

• Online Demo
• Documentation
• GitHub Homepage
• View on GitHub
• Issue tracker
• License

Compatibility