Interacciones

Lo que hace un clic, una tecla o un desplazamiento más allá de presionar un botón. Cada caso es un banco: pruébalo con el puntero, luego solo con el teclado.

Copiando un valor

copy_button({ value }): el ícono solo donde el botón está al lado de lo que copia, o con su palabra. Un chequeo durante dos segundos una vez copiado, una cruz cuando el portapapeles se negó — nunca una afirmación que no sucedió.

Copiando lo que muestra la página

copy_button({ target }): el texto de un elemento, leído tal como está en el momento del clic.

Un bloque de código

code-block con copy: true — el botón aparece en la esquina mientras el bloque es apuntado o alcanzado con Tab, y permanece visible en una pantalla sin puntero.

9483a-8b194
28811-eb8b3
b44d2-eb15a
9d935-03932

En un fallback

El valor de un fallback viene con su botón de copiar.

Qué verificar

• Tab alcanza cada botón; Enter y Space copian.
• Sobre http simple (un host de desarrollo) la copia aún funciona, de la manera antigua.
• Pegado en otro lugar, el texto es exactamente el valor: sin espacio, sin línea añadida.
• Un lector de pantalla dice « Copiado » después del clic.