Usage

Supported Networks

A list of the currently supported social networks.

All Networks

The following table lists all the currently supported networks and their URL parameters.

Parameters can be used by passing the respective prop in the component or in the composable. Passing props to a network that does not support it won't have any effect, but it will not otherwise create any problem.

Some networks have aliases that can be used in place of the main name. All supported props remain the same.

Network / Alias	`url`	`title`	`user`	`hashtags`	`image`
`facebook`	✅	❌	❌	❌	❌
`x` / `twitter`	✅	☑️	☑️	☑️	❌
`linkedin`	✅	❌	❌	❌	❌
`pinterest`	✅	☑️	❌	❌	☑️
`reddit`	✅	☑️	❌	❌	❌
`bluesky`	✅	❌	❌	❌	❌
`threads`	✅	☑️	❌	❌	❌
`mastodon`	✅	☑️	❌	❌	❌
`vkontakte` / `vk`	✅	☑️	❌	❌	☑️
`xing`	✅	❌	❌	❌	❌
`tumblr`	✅	☑️	❌	☑️	☑️
`hackernews`	✅	☑️	❌	❌	❌
`pocket`	✅	❌	❌	❌	❌
`instapaper`	✅	❌	❌	❌	❌
`raindrop`	✅	☑️	❌	❌	❌
`whatsapp`	✅	☑️	❌	❌	❌
`telegram`	✅	☑️	❌	❌	❌
`skype`	✅	☑️	❌	❌	❌
`line`	✅	☑️	❌	❌	❌
`viber`	✅	☑️	❌	❌	❌
`email`	✅	☑️	❌	❌	❌

✅ Supported, has a default value if not provided
☑️ Supported, it won't be used in the final sharing url if not provided
❌ Not supported

Notes

`x`

user is the X username that will be mentioned in the post/tweet.
hashtags is a "comma separated values" string that will be converted into individual hashtags

`email`

title is used in the subject of the email
url is used in the body of the email

Styling with Tailwind

How to apply custom styles to the <SocialShare> component with Tailwind.

Composable

How to use the 'useSocialShare' composable.