π VK
π¨βπ» Code
import {
VKShareButton,
VKIcon,
} from 'next-share'
<VKShareButton
url={'https://github.com/next-share'}
image={'./next-share.png'}
>
<VKIcon size={32} round />
</VKShareButton>
π₯° Generate
π VKShareButton Props
Props | Type | Default | Description | Required |
---|---|---|---|---|
children | node | React component, HTML element or string. | β | |
url | string | The URL of the shared page. | β | |
title | string | The title of the shared page. | β | |
image | string | An absolute link to the image that will be shared. | β | |
noParse | boolean | If true is passed, VK will not retrieve URL information. | β | |
noVkLinks | boolean | If true is passed, there will be no links to the user's profile in the open window. Only for mobile devices. | β | |
windowWidth | number | 660 | Opened window width. | β |
windowHeight | number | 460 | Opened window height. | β |
blankTarget | boolean | false | Open share window in a new tab if set to true . | β |
π VKIcon Props
Props | Type | Default | Description | Required |
---|---|---|---|---|
size | number | Icon size in pixels. | β | |
round | boolean | Show round or rectangle. | β | |
borderRadius | number | Set rounded corners if using round icon. | β | |
bgStyle | object | Customize background style. | β | |
iconFillColor | string | white | Customize icon fill color. | β |
blankTarget | boolean | false | Open share window in a new tab if set to true . | β |