👨💻 Code
import {
LinkedinShareButton,
LinkedinIcon,
} from 'next-share'
<LinkedinShareButton url={'https://github.com/next-share'}>
<LinkedinIcon size={32} round />
</LinkedinShareButton>🥰 Generate
📖 LinkedinShareButton Props
| Props | Type | Default | Description | Required |
|---|---|---|---|---|
| children | node | React component, HTML element or string. | ✅ | |
| url | string | The URL of the shared page. | ✅ | |
| windowWidth | number | 750 | Opened window width. | ❌ |
| windowHeight | number | 600 | Opened window height. | ❌ |
| blankTarget | boolean | false | Open share window in a new tab if set to true. | ❌ |
How do you use things like title, summary, etc.?
Use og tags in the <head> block of the HTML.
<meta property='og:image' content='' />
<meta property='og:title' content='' />
<meta property='og:description' content='' />📚 LinkedinIcon 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. | ❌ |