Share Bar

Share: Telegram, VK, X, WhatsApp, email and copy link. Pro · Content and social › Reading and author

Installation

npx valyro-cli@latest login
npx valyro-cli@latest add share-bar

npm install valyro-ui-pro

import 'valyro-ui-pro/styles.css';
import { ShareBar } from 'valyro-ui-pro';

Prop	Type	Default
`url`	`string`		Address being shared (default: the page's canonical URL, else its address without query and hash).
`title`	`string`	`''`	Headline sent along where the network accepts text.
`targets`	`ShareTarget[]`	`DEFAULT_TARGETS`	Buttons, in order (default: telegram, vk, x, whatsapp, email, copy).
`variant`	`'icon' \| 'label'`	`'icon'`	`icon`: square icon buttons with the theme's button radius (default); `label`: icon and network name.
`orientation`	`'horizontal' \| 'vertical'`	`'horizontal'`	`vertical` for a rail beside the article.
`showTitle`	`boolean`	`false`	Shows the "Share" title before the buttons.
`onShare`	`(target: ShareTarget) => void`		Called when a reader picks a target (before the share window opens), e.g. for analytics.
`labels`	`Partial<ShareBarLabels>`		Overrides for the built-in English text; keys left out keep their defaults.