Share Buttons
Workplace

πŸŽ€ Workplace

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

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

πŸ₯° Generate


πŸ“– WorkplaceShareButton Props

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

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