Share Sheet | Vengeance UI

Installation

Run the following command

npx shadcn@latest add https://raw.githubusercontent.com/Ashutoshx7/VengeanceUI/main/public/r/share-sheet.json

Usage

code

1import { ShareSheet } from "@/components/ui/share-sheet"
2
3export function ShareExample() {
4  return <ShareSheet url="https://your-site.example/story" title="A story worth sharing" variant="message" />
5}

Props

Prop Name	Type	Default	Description
url	`string`	`'https://example.com/story'`	Public http(s) link to share; replace the demo URL.
title	`string`	`'Share this page'`	Title used when sharing.
variant	`'default' \| 'message' \| 'compact'`	`'default'`	Message field or condensed destination row.
theme	`'auto' \| 'dark' \| 'light'`	`'auto'`	Automatically follows the document's dark class.
initialOpen	`boolean`	`false`	Open immediately when mounted.
onShare	`(event) => void`	`-`	Receives sharing intent with channel, URL, and optional message.