Copy Email

Your email as a button that copies it on click and briefly shows “Copied!”. Pill, ghost or display-size styles, with an optional mailto link.

Installation

pnpm dlx shadcn@latest add @portfolio-kit/copy-email

First time? Add the @portfolio-kit registry to components.json

components.json

{
  "registries": {
    "@portfolio-kit": "https://www.parthjadhav.com/products/portfolio-kit/r/{name}.json"
  }
}

variant="large" sets the address at display size, with an underline that draws in on hover.

The borderless ghost style tucks into footers, headers and bylines without shouting.

Compose the parts to change the wording: a short button label and a mailto link with a prefilled subject.