Komponen UI
Contoh tombol, formulir, dan pesan untuk dashboard.
Input dan pilihan
Isi formulir untuk mencoba komponennya.
Pilih stasiun
Tombol
Pilih tombol sesuai tindakannya.
Pesan dan dialog
Informasi
Perubahan hanya berlaku pada simulasi.
Berhasil
Pengaturan telah disimpan.
Perhatian
Periksa kembali nilai sebelum melanjutkan.
Gagal
Perangkat tidak dapat dihubungi.
Badge dan progress
Tampilkan status dan kemajuan.
UtamaBerjalanPerhatianBerhentiTidak aktif
Level tangki72%
Tabs dan accordion
Kelompokkan informasi yang berkaitan.
Informasi ringkas tentang perangkat.
Informasi perangkat
Pilih perangkat pada dashboard untuk melihat status simulasi.
Tentang simulasi
Data contoh belum terhubung ke perangkat lapangan.
Avatar, switch, dan loading
Contoh identitas, pilihan, dan status proses.
OOOAktifMemuat contoh
Menu dan notifikasi
Contoh menu ringkas dan pesan sementara.
Opsi perangkat
Carousel
Pindah antar informasi dengan tombol navigasi.
1 / 2
Pantau tangki
Lihat level air dan kimia pada dashboard.
Tooltip dan daftar
Keterangan singkat dan daftar perangkat.
Status berdasarkan data simulasi- Tangki air Tersedia
- Pompa transfer Berjalan
- Sensor TSS Data contoh