Directory

← Back

smd-social

A fast way to integrate social buttons into your web app

Author

Rating

Popularity

<100

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

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

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Dependencies

Polymer/polymer#^2.0.0

  • PolymerElements/iron-icon#^2.0.0
  • PolymerElements/iron-iconset-svg#^2.0.0
  • PolymerElements/paper-ripple#^2.0.0
  • PolymerElements/paper-styles#^2.0.0
Released
2018-03-12
Maturity
IMPORTED
License
Other

Compatibility

Framework
Polymer 2.0+
Browser
Browser Independent

smd-social - Vaadin Add-on Directory

A fast way to integrate social buttons into your web app smd-social - Vaadin Add-on Directory
**[ This description is mirrored from README.md at [github.com/Soulmatters/smd-social](https://github.com//Soulmatters/smd-social/blob/1.0.2/README.md) on 2019-05-22 ]** [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/owner/my-element) # \ ## Install the element ``` $ bower i --save Soulmatters/smd-social ``` ```html ``` ## Use the element ``` ``` ## 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
Online