CopyToClipboard

Um botão que copia o conteúdo fornecido para a área de transferência com feedback visual.

Utilização

index.tsx
import { CopyToClipboard } from "@convertcompany/ui";

Exemplos

Com texto personalizado e variant "unstyled"

Hook utilizado

O componente utiliza o hook useCopyToClipboard, que fornece o estado de cópia (isCopied) e a função handleCopy.

👉 Documentação do hook useCopyToClipboard

Props

PropriedadeTipo
contentConteúdo a ser copiado para a área de transferência.
string
tooltipMessageMensagem exibida no tooltip. Padrão é "Copiar".
string
variantEstilo visual do botão.
ghost
unstyled
outline
default
destructive
link
sizeTamanho do botão.
icon-sm
sm
md
lg
classNameClasse CSS adicional.
string
...propsDemais propriedades herdadas do componente <Button>.
ButtonProps