Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProLabelled share buttons for X, LinkedIn and email plus a copy-link button that confirms in text and announces the result.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
Use it under an article title or at the end of a post. It opens share pages in a new tab and never needs a third-party script.
Do not use it when: the page is private or behind a login: the share links would lead to a sign-in wall.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
url | string | required | The page to share. |
title | string | required | The text for X and the email subject. |
targets | ("x" | "linkedin" | "email" | "copy")[] | all four | Which buttons to show, in order. |
A group named "Share this page". Every icon button has an aria-label, external links open in a new tab with rel="noreferrer", and the copy result goes to a status region so it is announced. Tooltips repeat the labels for sighted people.
The pattern ships with a test (share-to-social-bar.test.tsx). It covers the generated hrefs and the copy path with its announcement.