Share Buttons
Instapaper

πŸŽ€ Instapaper

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

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

πŸ₯° Generate


πŸ“– InstapaperShareButton Props

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

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