Proyek open source
UI kit saya dari 2023
UI kit open source dari 2023 yang saya pakai dalam proyek nyata. Jelajahi demo terlokalisasi untuk formulir, tombol, tabel, grafik, kalender, navigasi, dan unggah file.
Dibuat untuk pekerjaan produk nyata
Ini UI kit asli yang saya pakai dalam proyek nyata sebelum dipindahkan ke JSVar. Isinya formulir, tombol, modal, tabel, grafik, kalender, navigasi, dan pola unggah file.
Kolom input
Bidang teks, area teks, telepon, email, dan kata sandi dengan validasi.
Tombol
Tindakan primer, sekunder, ringkas, dinonaktifkan, dan bergaya khusus.
Kolom pilih
Pilihan tunggal dan ganda untuk nilai biasa dan array objek.
Memuat
Memblokir status pemuatan untuk tindakan asinkron.
Akordeon
Blok konten yang dapat diperluas dengan perilaku satu kali buka.
Pesan
Pesan sukses dan kesalahan dengan tindakan konfirmasi.
Modal
Dialog konfirmasi dengan alur penerimaan dan pembatalan yang jelas.
Paginasi
Masukan halaman yang dapat diedit dengan kontrol sebelumnya dan berikutnya yang dibatasi.
Sakelar
Kontrol boolean ringkas untuk pengaturan produk sederhana.
Panel munculan
Panel popup untuk detail sekunder dan pembacaan kontekstual.
Bahasa
Demo pemilih bahasa dibuat berdasarkan 21 metadata lokal JSVar.
Tabel
Tabel dasar, detail baris, dan peta panas kepadatan.
Grafik
Demo diagram bertumpuk, dikelompokkan, campuran, garis, area, dan lingkaran.
Kalender
Pemilihan tanggal yang dilokalkan untuk nilai awal dan akhir yang dipasangkan.
Drop file
Target file seret dan lepas dengan tindakan unggahan yang cocok.
Navigasi
Navigasi bagian dalam modul dari model bagian yang sama.
Rintisan
Hamparan pelindung untuk status yang belum selesai atau terbatas pada area pandang.
Etalase
Taman bermain komponen
Gunakan sidebar untuk menelusuri setiap kelompok komponen dan menguji perilaku porting.
Bagian saat ini
01/17Kolom input
Bidang teks, area teks, telepon, email, dan kata sandi dengan validasi.
Bagian saat ini
Kolom input
Bidang teks, area teks, telepon, email, dan kata sandi dengan validasi.
Karakter: 0/1000
Bidang standar
Bidang ini berisi nilai yang tidak valid.
Diperiksa pada blur
Dengan saran domain
10+ karakter, huruf campuran, angka, simbol