Pola halaman
Susunan halaman yang berulang di produk Waste4Change, dirakit dari komponen yang sudah ada. Pola menjawab urutan dan penempatan, bukan menambah komponen baru.
Semua pola
- Dashboard Angka ringkasan, pekerjaan yang perlu ditindak, aktivitas.
- Daftar & filter Tabel dengan pencarian, saringan, dan pagination.
- Form bertahap Formulir panjang dipecah per langkah, dengan peninjauan.
- Halaman detail Satu catatan: datanya, riwayatnya, dan aksinya.
- Kegagalan Halaman error, bagian yang gagal, dan aksi yang gagal.
- Masuk Halaman masuk dengan validasi dan pesan yang jelas.
Cara memakainya
- Mulai dari pola, bukan dari nol. Kalau halaman yang dibuat mirip salah satu pola ini, ikuti susunannya. Perbedaan yang tidak punya alasan hanya membuat produk terasa dibuat oleh tim berbeda.
- Kerangkanya bukan milik halaman. Sidebar, header, dan navigasi bawah datang dari AppShell. Yang digambar contoh di setiap pola adalah isi halamannya.
- Satu aksi utama per halaman. Setiap pola punya satu tombol solid; sisanya
outlineataughost. - Kode contohnya bisa disalin. Tab Code di setiap pola berisi file contoh yang dirender di atasnya, bukan potongan yang diringkas.