Copy button · High Contrast
A copy control that stays on the same line as the source it copies, then confirms with a drawn check, a line flash, or a label swap.
Design · High Contrast20 / 20
48px line with a 3px border; the button spells Copy and Copied and keeps a 3px focus ring.
Motion
The copy glyph gives way to a check that draws itself along the stroke, confirming the line was copied.
Accent
A copy control that stays on the same line as the source it copies, then confirms with a drawn check, a line flash, or a label swap.
copyclipboardcodesourcebuttonsnippet