Interazioni

Cosa fa un clic, un tasto o un passaggio del mouse oltre a premere un pulsante. Ogni caso è un banco di prova: provaci con il puntatore, poi solo con la tastiera.

Copiare un valore

copy_button({ value }): l'icona da sola dove il pulsante si trova accanto a ciò che copia, o con la sua parola. Un segno di spunta per due secondi una volta copiato, una croce quando il clipboard ha rifiutato — mai una rivendicazione che non è avvenuta.

Copiare ciò che mostra la pagina

copy_button({ target }): il testo di un elemento, letto così com'è al momento del clic.

Un blocco di codice

code-block with copy: true — il pulsante appare nell'angolo mentre il blocco è puntato o raggiunto con Tab, e rimane visibile su uno schermo senza puntatore.

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

In un fallback

Il valore di un fallback viene fornito con il suo pulsante di copia.

Cosa controllare

• Tab raggiunge ogni pulsante; Invio e Spazio copiano.
• Su http semplice (un host di sviluppo) la copia funziona ancora, nel modo vecchio.
• Incollato altrove, il testo è esattamente il valore: nessuno spazio, nessuna riga aggiunta.
• Un lettore di schermo dice « Copiato » dopo il clic.