π 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
| Props | Type | Default | Description | Required |
|---|---|---|---|---|
| children | node | React component, HTML element or string. | β | |
| url | string | The URL of the shared page. | β | |
| title | string | The title of the shared page. | β | |
| tags | Array<string> | β | ||
| caption | string | The description of the shared page. | β | |
| posttype | string | link | β | |
| windowWidth | number | 660 | Opened window width. | β |
| windowHeight | number | 460 | Opened window height. | β |
| blankTarget | boolean | false | Open share window in a new tab if set to true. | β |
π TumblrIcon Props
| Props | Type | Default | Description | Required |
|---|---|---|---|---|
| size | number | Icon size in pixels. | β | |
| round | boolean | Show round or rectangle. | β | |
| borderRadius | number | Set rounded corners if using round icon. | β | |
| bgStyle | object | Customize background style. | β | |
| iconFillColor | string | white | Customize icon fill color. | β |
| blankTarget | boolean | false | Open share window in a new tab if set to true. | β |