Button

Semua state, tekan pegas, hit slop 44

Varian

Arahkan, tekan, atau Tab ke tombol: semua gerak memakai pegas.

Dibekukan supaya bisa dibandingkan berdampingan.

Default

Hover

Ditekan

Fokus

Memuat

Berhasil

Nonaktif

Isi nama dulu untuk mengirim

Memanggil mock API. Nyalakan Lambat atau Gagal di atas, lalu klik berkali-kali.

Disimpan 12 kali

Saklar sekarang: normal 0,4 detik, berhasil.

Diukur QA 30 Okt 2026, 23.55 WIB

Hover, tekan, dan cincin fokus digerakkan pegas .snappy; ditekan lalu dilepas di tengah tetap mulus

#2 optimistic counter · #13 hit slop 44 di tombol ikon · #18 sudut squircle · #19 idempotency key per kirim

Semua state: default, hover, active, focus-visible, disabled, loading, success, error + coba lagi
Tombol Simpan memanggil mock API sungguhan; ikut saklar Lambat/Gagal di header

Klik dobel tidak mengirim dua kali; gagal memberi pesan + Coba lagi dengan kunci yang sama

Tinggi 36 (besar 44), padding 16, radius 8, teks 14 weight 500, jarak antar tombol 8

Klik dobel aman (idempotency), gagal ada Coba lagi, sukses kembali normal sendiri, disabled menjelaskan alasannya lewat teks di sampingnya