Share Buttons
Gab

πŸŽ€ Gab

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

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

πŸ₯° Generate


πŸ“– GabShareButton Props

PropsTypeDefaultDescriptionRequired
childrennodeReact component, HTML element or string.βœ…
urlstringThe URL of the shared page.βœ…
titlestringTitle of the shared page.❌
windowWidthnumber660Opened window width.❌
windowHeightnumber640Opened window height.❌

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