svelte-share-buttons-component

svelte-share-buttons-component

Simple Svelte based share buttons component with no tracking. Based on HTML shared buttons from https://github.com/mxstbr/sharingbuttons.io.

Installation

Using npm:

$ npm i --save svelte-share-buttons-component

Example

https://svelte-share-buttons-component-demo.netlify.app/

Usage

A basic demo app can be found at https://github.com/pchynoweth/svelte-share-buttons-component/tree/master/demo.

Basic usage from svelte looks like this:

<script>
	import { Email, HackerNews, Reddit, LinkedIn, Pinterest, Telegram, Tumblr, Vk, WhatsApp, Xing, Facebook, Twitter } from 'svelte-share-buttons-component';

	const url = 'https://pchynoweth.github.io/svelte-share-buttons-component/';
	const title = 'Svelte Share Buttons Component';
	const desc = 'Svelte based social media share buttons component with no tracking.';
</script>

<Email subject="{title}" body="{desc} {url}" />
<HackerNews class="share-button" {title} {url} />
<Reddit class="share-button" {title} {url} />
<LinkedIn class="share-button" {title} {url} summary="{desc}" source={url} />
<Tumblr class="share-button" {title} {url} caption="{title}" />
<Pinterest class="share-button" {url} description={title} />
<Telegram class="share-button" text={title} {url} />
<Vk class="share-button" {title} {url} />
<WhatsApp class="share-button" text="{title} {url}" />
<Xing class="share-button" {title} {url} />
<Facebook class="share-button" {url} />
<Twitter class="share-button" text="{title}" {url} />

Changelog

1.1.0

• Added more share buttons.
• Changed button css to follow BEM better.
• Removed empty aria attribute.