Share Buttons
Vk

πŸŽ€ 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

PropsTypeDefaultDescriptionRequired
childrennodeReact component, HTML element or string.βœ…
urlstringThe URL of the shared page.βœ…
titlestringThe title of the shared page.❌
imagestringAn absolute link to the image that will be shared.❌
noParsebooleanIf true is passed, VK will not retrieve URL information.❌
noVkLinksbooleanIf true is passed, there will be no links to the user's profile in the open window. Only for mobile devices.❌
windowWidthnumber660Opened window width.❌
windowHeightnumber460Opened window height.❌
blankTargetbooleanfalseOpen share window in a new tab if set to true.❌

πŸ“š VKIcon Props

PropsTypeDefaultDescriptionRequired
sizenumberIcon size in pixels.❌
roundbooleanShow round or rectangle.❌
borderRadiusnumberSet rounded corners if using round icon.❌
bgStyleobjectCustomize background style.❌
iconFillColorstringwhiteCustomize icon fill color.❌
blankTargetbooleanfalseOpen share window in a new tab if set to true.❌