Share Sheet

Native-feeling share modal with social platforms, copy link, and QR code generation.

Preview

Usage

import { ShareSheet } from "@/components/profile"

const [isOpen, setIsOpen] = useState(false)

<ShareSheet
  isOpen={isOpen}
  onClose={() => setIsOpen(false)}
  title="Share Profile"
  description="Check out this creator"
  url="https://example.com/profile"
  image="/avatar.jpg"
  onShare={(platform) => trackShare(platform)}
/>

Supported Platforms

Twitter

Facebook

Props

Prop	Type	Description
isOpen	boolean	Controls visibility
onClose	() => void	Close callback
title	string	Share title
description	string	Share description
url	string	URL to share
image	string	Preview image
onShare	(platform) => void	Share callback