{"component":{"aria":"The copy button must carry aria-label describing the action ('Copy to clipboard'). After a successful copy, update aria-label or use aria-live='polite' to announce 'Copied' to screen readers. The 1.4 s revert should reset both visual state and aria-label.","category":"components","css":"","description":"Pre-formatted code block with an inset copy-to-clipboard button that fades in on hover. Uses navigator.clipboard.writeText with a textarea fallback. 'Copied' indicator shows for 1.4 s then reverts.","display_name":"Code Block with Copy","html":"<div class=\"ps-code-block\">\n  <pre><code>{{content}}</code></pre>\n  <button type=\"button\" class=\"ps-code-block__copy\" data-ps-copy aria-label=\"Copy to clipboard\">Copy</button>\n</div>","name":"code-block-with-copy","registry_type":"component","research_links":[],"tabs_available":[],"variants":[],"wcag":{"focus_visible":true,"target":"2.2 AA"}},"tenant":"pointsav","theme":"pointsav-brand"}