f4a7fd769d | ||
---|---|---|
.github | ||
docs | ||
rollup | ||
src | ||
.eslintignore | ||
.eslintrc.js | ||
.gitignore | ||
.travis.yml | ||
LICENSE | ||
README.md | ||
package.json | ||
tsconfig.json | ||
yarn.lock |
README.md
shareon
Lightweight, stylish and ethical share buttons.
- Small. Dependency-free.
- Stylish. Uses official vector logos and colors.
- Ethical. No tracking code is being embedded.
Observe the live demo here: os.karamoff.dev/shareon
Install
Include the link to shareon's JS and CSS in your website:
<link href="https://cdn.jsdelivr.net/npm/shareon@1/dist/shareon.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/shareon@1/dist/shareon.min.js" type="text/javascript"></script>
or install it via NPM use it in a JS file that you will bundle:
npm install shareon
# or
yarn add shareon
require('shareon');
<div class="shareon">
<a class="facebook"></a>
<a class="messenger" data-url="https://my-cool-website.com"></a>
<a class="pinterest" data-media="https://picsum.photos/500">Pin</a>
<a class="telegram" data-text="Check this out!"></a>
<a class="twitter" data-via="MyNickname"></a>
<a class="whatsapp">Send</a>
</div>