Interacties

Wat een klik, een toets of een hover doet naast het indrukken van een knop. Elke situatie is een bank: probeer het met de aanwijzer, dan alleen met het toetsenbord.

Een waarde kopiëren

copy_button({ value }): het pictogram alleen waar de knop naast staat wat het kopieert, of met zijn woord. Een vinkje voor twee seconden zodra gekopieerd, een kruis wanneer het klembord weigert — nooit een claim dat dat niet is gebeurd.

Wat de pagina toont kopiëren

copy_button({ target }): de tekst van een element, gelezen zoals het is op het moment van de klik.

Een blok code

code-block met copy: true — de knop verschijnt in de hoek terwijl het blok wordt aangewezen of bereikt met Tab, en blijft zichtbaar op een scherm zonder aanwijzer.

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

In een fallback

De waarde van een fallback komt met zijn kopieerknop.

Wat te controleren

• Tab bereikt elke knop; Enter en Spatie kopiëren.
• Over gewone http (een ontwikkelhost) werkt de kopie nog steeds, op de oude manier.
• E elders geplakt, is de tekst exact de waarde: geen spatie, geen regel toegevoegd.
• Een schermlezer zegt « Gekopieerd » na de klik.