# Popover Share Menu — React Tooltip Component

> A share popover with a public-link switch, a copy button that flips to a confirmed state with a sweep across the URL, and quick share targets.

- Category: [Tooltips & Popovers](https://pixelpapa.com/components/tooltips.md)
- Tags: popover, share, copy, link, feedback
- Dependencies: lucide-react, motion (plus React and Tailwind CSS v4)
- Last updated: 2026-11-13
- Live preview: https://pixelpapa.com/components/tooltips/popover-share-menu

## Install (PixelPapa Pro)

This is a Pro component. With a Pro or Scale plan and the `@pixelpapa` registry set up (https://pixelpapa.com/docs/installation#pro):

```bash
npx shadcn@latest add @pixelpapa/popover-share-menu
```

The file is written to `components/pixelpapa/popover-share-menu.tsx`. Source code is available to Pro members on https://pixelpapa.com/components/tooltips/popover-share-menu.

## AI prompt

```text
Add the "Popover Share Menu" component from PixelPapa UI to this project.

What it is: A share popover with a public-link switch, a copy button that flips to a confirmed state with a sweep across the URL, and quick share targets.
Category: Tooltips & Popovers. Depends on: lucide-react, motion.

1. Install it with the shadcn CLI. It is a PixelPapa Pro component, so components.json needs the "@pixelpapa" registry with my API key (https://pixelpapa.com/docs/installation#pro):
   npx shadcn@latest add @pixelpapa/popover-share-menu
   (If the CLI is unavailable, fetch https://pixelpapa.com/r/popover-share-menu.json with the header "Authorization: Bearer $PIXELPAPA_API_KEY", write files[0].content to components/pixelpapa/popover-share-menu.tsx and install the listed dependencies.)
2. Import it from "@/components/pixelpapa/popover-share-menu" and place it where I describe below.
3. Keep its animation timings and accessibility attributes. Replace the demo copy and data with content that fits my product, and use my existing theme tokens (bg-background, text-foreground, bg-primary, border-border) rather than hard-coded colours.

Where to use it: <describe the page and position here>
```

## More tooltips & popovers

- [Hover Card Link Preview](https://pixelpapa.com/components/tooltips/hover-card-link-preview.md): Inline links that open a hover card with a drawn miniature of the destination page, which slowly scrolls while you read the summary.
- [Popover Color Picker Mini](https://pixelpapa.com/components/tooltips/popover-color-picker-mini.md) (Pro): A compact colour popover with a draggable saturation field, hue slider, swatches and hex input that springs out of its swatch trigger.
- [Tooltip Rich Card](https://pixelpapa.com/components/tooltips/tooltip-rich-card.md): A toolbar whose rich tooltip (title, body, shortcut keys) glides from button to button instead of closing and reopening.
- [Tooltip Spring Follow](https://pixelpapa.com/components/tooltips/tooltip-spring-follow.md): A tooltip that trails the cursor on a spring and tilts with its velocity, like a tag swinging from the pointer.