Sharer

Social media share buttons

import '@wevisdemo/ui/styles/sharer.css';
import WvSharer from '@wevisdemo/ui/{react,vue,svelte}/sharer';

<WvSharer url="https://wevis.info" />

Props

Name	Type	Default
url	string	window.location.href (on mount)
label	string	'Share'
hideLabel	boolean	false
light	boolean	false
outline	boolean	false
center	boolean	false
allowCopyLink	boolean	false

Examples

Custom or hide label

<WvSharer label="Custom Label" />
<WvSharer hideLabel />

Light

<WvSharer light />

Outline

<WvSharer outline />
<WvSharer light outline />

Center

<WvSharer center />

Allow copy link to clipboard

<WvSharer allowCopyLink />
<WvSharer allowCopyLink outline />
<WvSharer allowCopyLink light />
<WvSharer allowCopyLink light outline />