mil-share
v2.0.0
Published
'Webcomponent that let share the current url on social networks and by email. Available links: Facebook, Twitter, Whatsapp, email.
Downloads
13
Maintainers
Readme
<mil-share>
'mil-share' is webcomponent that let share the current url on social networks and by email. Available links: Facebook, Twitter, Whatsapp, email. V2 removes dependency from Polymer and only relies on lit-element
Demo: https://stackblitz.com/edit/mil-share-example?file=index.js
Usage
Install from npm
npm install --save mil-share
Import to your webcomponent
import "mil-share";
Add to html
<mil-share></mil-share>
Styling
Use customs CSS properties for styling.
| CSS property | Definition | Default |
| -------------------------- | ---------------------------------- | ------- |
| --body-text-color
| header font color | #555 |
| --social-icon-width
| social icons width | 32px |
| --social-icon-height
| social icons height | 32px |
| --share-icon-color
| share icon color | #555 |
| --share-icon-height
| share icon height | 24px |
| --share-icon-width
| share icon width | 24px |
| --share-icon-color-hover
| share icon fill color when hovered | #eee |