Share Buttons
Hatena

πŸŽ€ Hatena

πŸ‘¨β€πŸ’» Code

import {
  HatenaShareButton,
  HatenaIcon,
} from 'next-share'
 
<HatenaShareButton
  url={'https://github.com/next-share'}
  title={'Next Share'}
>
  <HatenaIcon size={32} round />
</HatenaShareButton>

πŸ₯° Generate


πŸ“– HatenaShareButton Props

PropsTypeDefaultDescriptionRequired
childrennodeReact component, HTML element or string.βœ…
urlstringThe URL of the shared page.βœ…
titlestringTitle of the shared page.❌
windowWidthnumber660Opened window width.❌
windowHeightnumber460Opened window height.❌
blankTargetbooleanfalseOpen share window in a new tab if set to true.❌

πŸ“š HatenaIcon 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.❌