Design system Waste4Change
Satu bahasa desain, dari pickup sampai laporan.
Komponen Vue, token warna, dan pola halaman untuk produk Waste4Change. Satu Nuxt layer, tanpa build step, dan tanpa menggambar ulang kontrol yang sama di setiap project.
Manifest pickup
PU-2048
08.20
Kantor Bekasi
09.45
MRF Cakung
428,6
kg terangkut
Plastik
182,4 kg
Kertas
146,2 kg
Residu
100,0 kg
- 50
- komponen
- 9
- fondasi
- 6
- pola halaman
- AA
- target WCAG 2.2
Mulai dari pekerjaanmu
Empat bagian, sesuai menu di atas. Masing-masing punya daftar halamannya sendiri.
- DokumentasiCara memasang library ini, konvensinya, dan apa yang berubah.Pasang, konvensi, catatan rilis
- FondasiKeputusan dasar yang dipakai setiap komponen.9 halaman fondasi
- KomponenKontrol siap pakai dengan contoh langsung, props, dan event.50 komponen
- PolaSusunan halaman yang berulang di produk Waste4Change.6 pola halaman
Bukan gambar. Semuanya hidup.
Kontrol di bawah dirender oleh library yang sama. Ubah periodenya, pilih lokasi, atau matikan pengaturannya.
Aksi & status
Periode & progress
Lokasi pickup
Pengaturan laporan
Dikirim setiap Senin, 08.00 WIB
Untuk developer dan AI agent
Tambahkan satu Nuxt layer, selesai.
Tidak ada build step dan tidak ada konfigurasi Tailwind tambahan. Untuk agent, aturannya ada di AGENTS.md dan API lengkap setiap komponen ada di /llms-full.txt.
export default defineNuxtConfig({
extends: ['@waste4change/ui'],
})