Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA bottom sheet with a grid of share targets, a read-only link field and a Copy button that confirms in a status message. Use this when people share a page, a document or a listing from a phone and you want the options in one place.
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 when people share a page, a document or a listing from a phone and you want the options in one place.
Do not use it when the browser's native share sheet is enough (call navigator.share first and fall back to this).
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 link to share and copy. |
title | string | "Share" | Heading of the sheet. |
targets | ShareTarget[] | email, message, X | { id, label, icon, href }. |
onShare | (target: string) => void | - | Called when a target is chosen. |
The pattern ships with a Testing Library test (share-sheet.test.tsx) that drives it through roles and the keyboard.