Button (AppButton)
Tombol aksi esensial dengan hierarki visual terdefinisi, efek shimmer hover halus, status pemuatan (loading spinner), serta kepatuhan aksesibilitas keyboard dan mobile touch targets.
<AppButton />Variant & hierarki aksi
Gunakan variant="primary" untuk satu aksi konversi utama per layar, seperti "Beli Paket" atau "Mulai Simulasi" (gradien biru Zenko). Untuk tombol sekunder dengan kontras tegas berbobot tinggi, gunakan variant="secondary" (hitam solid bg-ink text-white) atau variant="outline" untuk garis tepi transparan. Gunakan variant="light" khusus di atas latar gelap/aurora, dan pakai "ghost" untuk aksi tersier paling ringan seperti "Batal". Pakai "danger" hanya untuk aksi destruktif (hapus akun, batalkan pesanan).
Button Interactive Playground
Sesuaikan props untuk menguji visual tombol dan salin kode untuk Web atau Mobile.
Button States Matrix
Visualisasi perilaku komponen pada seluruh kondisi interaksi antarmuka.