Share Buttons
Tumblr

πŸŽ€ Tumblr

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

import {
  TumblrShareButton,
  TumblrIcon,
} from 'next-share'
 
<TumblrShareButton
  url={'https://github.com/next-share'}
  title={'next-share is a social share buttons for your next React apps.'}
>
  <TumblrIcon size={32} round />
</TumblrShareButton>

πŸ₯° Generate


πŸ“– TumblrShareButton Props

PropsTypeDefaultDescriptionRequired
childrennodeReact component, HTML element or string.βœ…
urlstringThe URL of the shared page.βœ…
titlestringThe title of the shared page.❌
tagsArray<string>❌
captionstringThe description of the shared page.❌
posttypestringlink❌
windowWidthnumber660Opened window width.❌
windowHeightnumber460Opened window height.❌
blankTargetbooleanfalseOpen share window in a new tab if set to true.❌

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