Mobile UI design

Copy button · flip to a check

Two fields with a copy button each. Tap one and the icon flips over to a white check while a small 'Copied' tag rises above it; a couple of seconds later both flip back. The row tints while you press it.

What it is

A copy button that answers you: the icon turns over into a check and a small 'Copied' tag appears, so there is never any doubt the code or address was copied.

Full library — live sample, numbers, prompt and source — is for clients. I have the password

Seen in

@叨叨AI (Douyin) · 第 12 集「8 个让 App 和小程序变高级的组件交互」 · 06 复制按钮反馈 Copy