ttolbel UI

Component

Share

A bottom sheet exposing Copy Link, Mail, and Message alongside any custom targets, with the copy button confirming itself in green for two seconds.

Standalone

share.tsx
<NativeShare
  open={open}
  onClose={() => setOpen(false)}
  data={{ title: "Invite link", text: "Join my workspace", url: shareUrl }}
/>

Example

Sharing a document or link, with the title and summary pre-filled into the share text.

share-example.tsx
<NativeShare
  open={open}
  onClose={() => setOpen(false)}
  data={{
    title: "Project summary",
    text: `${item.reference}, ${item.title} - ${item.date}`,
    url: item.shareUrl,
  }}
/>

Capabilities

PropTypeDescription
openrequiredboolean-
onCloserequired() => void-
datarequiredNativeShareData-
targetsNativeShareTarget[]Additional app targets shown alongside the built-in Copy / Mail / Message row