UiButton
Tombol yang ditekan untuk melakukan sesuatu di halaman ini — menyimpan, menghapus, membuka.
Lembar lengkap
| sm · 32px | md · 36px | lg · 44px | |
|---|---|---|---|
| primary | |||
| secondary | |||
| ghost | |||
| danger |
Keadaan
Pakai kalau
- Sesudah diklik, ada sesuatu yang terjadi: data tersimpan, lembar terbuka, pesanan dibatalkan.
- Kamu ingin satu hal paling penting menonjol di layar — itu tugas varian primary, dan hanya boleh ada satu per layar.
- Ruangnya sempit sekali dan ikonnya sudah jelas sendiri; pakai bentuk ikon-saja, tapi tetap beri nama lewat aria-label.
Jangan pakai kalau
- Kliknya sebenarnya memindahkan orang ke halaman lain. tautan biasa — supaya alamat di peramban ikut berubah dan tombol kembali masih bekerja
- Yang kamu butuhkan adalah satu baris panjang yang bisa diklik di dalam daftar. UiRow
Kenapa begini
Empat varian, bukan tujuh. Tiap varian tambahan menitipkan satu keputusan baru kepada siapa pun yang menaruh tombol — dan keputusan yang tak punya jawaban jelas akan dijawab berbeda oleh tiap orang.
- Berkasnya
- src/features/projects/shared/ui/UiButton.astro
- Pasal yang mengikat
- DSN-12