Experiment 002

Umpan balik di pemicu

Press Copy in each variant. Note where confirmation appears and whether neighboring buttons shift.

A · Corner toast

Confirmation appears as a corner toast (role="status").

npx create-interface-lab@latest

B · Label inline

The button label changes, changing its width.

npx create-interface-lab@latest

C · Width-reserved inline label

Both labels share one grid cell; the change is announced through a live region.

npx create-interface-lab@latest

Instrumentt

Menekan Copy di tiap varian tanpa menyentuh papan klip Anda, dari posisi paling atas halaman, lalu mengukur posisi umpan balik dan elemen di sebelahnya.

Most recent browser-recorded layout shift: none yet