Copiar
Copiar reutiliza informações existentes sem alterar o original. A ação deve ser contextual, previsível e acompanhada de feedback imediato.
Boas Práticas
Copiar é uma ação utilitária para reutilização de conteúdo. Deve estar próxima da informação copiada, ter rótulo claro e confirmar o sucesso da ação.
Contextos
Copiar no ME tem dois significados distintos: copiar texto para a área de transferência (clipboard) ou duplicar um registro completo. O contexto define qual variante aplicar — nunca use "Copiar" quando a intenção é duplicar um documento.
Ícone de copiar no sufixo do campo. Após clicar, o ícone muda para check e o toast identifica o que foi copiado.
Quando a cópia é a ação principal do campo — botão explícito ao lado do valor. O input fica em read-only; o foco recai sobre o botão.
O ícone de copiar fica dentro do input como trailing icon, sem separação visual. Ideal para campos de dado único onde copiar é ação secundária. Após o clique o ícone muda para check.
'Duplicar' cria uma cópia independente do documento. Ação secundária — sempre no menu de mais ações, nunca como CTA principal.
Após duplicar, o Toast confirma e oferece atalho direto para a cópia criada. O link evita que o usuário precise navegar manualmente até o novo documento.
Hierarquia
1 — Copiar para clipboard
Definição
- Ação que copia um valor (link, ID, código) para área de transferência sem criar registro
Características
- Não cria dados
- Ícone i-lucide-copy
- Feedback imediato Toast "Copiado."
- Disponível em campos, headers de documento, linhas de tabela
Heurísticas aplicadas
- Correspondência com o mundo real — distingue "Copiar" (clipboard) de "Duplicar" (novo registro)
- Prevenção de erros — destaca que a cópia é independente; alterações não afetam o original
- Visibilidade do status do sistema — confirma a cópia com feedback imediato (Toast)
- Consistência e padrões — mesmo ícone (i-lucide-copy), mesma posição em todas as telas
Quando usar
- Campos de link/ID/código
- Quando o usuário precisa compartilhar ou reutilizar o valor em outra ferramenta
2 — Duplicar registro
Definição
- Cria um novo registro independente com os mesmos dados do original
Características
- Gera um novo item editável
- O original não é alterado
- Toast "Cópia criada."
- Pode navegar automaticamente para o novo registro
Heurísticas aplicadas
- Reconhecimento em vez de memorização — rótulo indica exatamente o que será copiado
- Flexibilidade e eficiência — atalhos de teclado para copy-to-clipboard quando aplicável
- Prevenção de erros — copy-to-clipboard nunca destrói nem modifica o original
Quando usar
- Índex de cadastros
- Bibliotecas de modelos
- Quando o usuário quer reutilizar uma configuração existente como base
Labeling
Use rótulos claros para os tipos de cópia: "Copiar código" quando o dado vai para a área de transferência; "Criar cópia" ou "Duplicar registro" quando um novo item será gerado.
Envia dados para a área de transferência. Não cria nem modifica registros.
Campo de texto, link de compartilhamento, código identificador
Sempre cria um novo registro independente — o original permanece intacto.
Documentos (Cotações, Pedidos), modelos de configuração e templates reutilizáveis
Verbos de cópia encontrados no produto — quando usar cada um
Envia valor para área de transferência — nenhum registro é criado.
ClipboardCria novo registro independente com os mesmos dados — original intacto.
Novo registroMesmo significado que Duplicar — termo técnico fora do padrão do produto.
Prefira DuplicarRedundante — "Duplicar" já comunica a criação de forma direta.
Prefira Duplicar| Verbo | Objeto | Resultado |
|---|---|---|
| Copiar | Link | Copiar link |
| Duplicar | Produto | Duplicar produto |
- Seja específico:"Copiar link" em vez de apenas "Copiar" quando há múltiplos tipos de cópia disponíveis.
- Para duplicação de registro,"Duplicar [entidade]" indica claramente que será criado um novo item.
- Em chips e campos compactos, o ícone de cópia sozinho é suficiente quando o contexto é óbvio.
- Não use"Clonar" no UI — é termo técnico; prefira "Duplicar" para o usuário final.
- Não rótule como"Copiar" uma ação que na verdade cria e persiste um novo registro.
- Evite"Criar cópia" — é redundante; "Duplicar" já comunica a criação.
Exemplos de uso
Copiar se aplica a diferentes contextos de reaproveitamento na plataforma, variando conforme o tipo de informação, o destino da ação e o nível de impacto no fluxo.
Ícone de copiar no sufixo do campo para links e chaves
Em campos que contêm links de compartilhamento, chaves de API ou códigos de acesso, o ícone de copiar no sufixo permite copiar sem selecionar texto. Toast "Copiado." em neutral confirma a ação.
Botão "Copiar" isolado fora do campo
Um botão de texto "Copiar" desconectado do campo obriga o usuário a inferir o que está sendo copiado — e dificulta cópias em múltiplos campos na mesma tela.
"Duplicar produto" com feedback e link para a cópia
Ao duplicar um produto no catálogo, o Toast "Cópia criada." em primary aparece com link "Ver cópia →" que leva diretamente ao registro duplicado — sem perder o contexto atual.
"Copiar produto" ou "Clonar" como rótulo de duplicação
"Copiar" implica clipboard. "Clonar" é jargão técnico. O rótulo correto no ME para criar uma cópia de um registro é sempre "Duplicar [Objeto]".
Duplicar no menu Mais ações, com confirmação assíncrona
Para registros complexos (pedidos com itens, cotações com fornecedores), a duplicação pode levar alguns segundos. Mostre loading no item do menu e Toast de confirmação quando concluído.
Duplicar na ação primária da toolbar
Duplicar é uma ação secundária. Colocá-la como CTA principal da página ou em destaque na toolbar confunde com "Criar" — mantenha no menu Mais ações.
Feedback para Copiar
Ao copiar, informe o sucesso da ação de forma leve e contextual, mantendo o usuário no mesmo fluxo.
Use para confirmar cópia para a área de transferência — curto, imediato e sem interromper o fluxo.
Ex: "Copiado."
Use para confirmar criação de cópia — informa o resultado e oferece acesso direto ao novo registro.
Ex: "Cópia criada. Ver cópia →"