Share Links

The share band at the foot of every blog post and Lab project: Share on LinkedIn, Share on X (both open in a new tab) and Copy link, which swaps to a green tick and “Link copied” for two seconds. It renders its own full-width silk ground (SectionFrame surface="silk") with a slim py-12 / lg:py-16 rhythm, so place it bare between the article and the related content.

Default

Share on LinkedIn Share on X

tsx

<ShareLinks
  url={`${SITE_URL}/blog/${slug}`}
  title={post.title}
/>

Props

Prop	Type	Default	Description
`url`*	`string`	-	Absolute URL of the page being shared (build it from SITE_URL). Used by all three actions.
`title`*	`string`	-	Page title, prefilled as the text of the X post.