Açık kaynak proje
2023'te yaptığım UI kiti
2023'te oluşturulmuş ve gerçek projelerde kullanılmış açık kaynak UI kiti. Formlar, butonlar, tablolar, grafikler, takvimler, gezinme ve dosya yükleme için yerelleştirilmiş demoları inceleyin.
Gerçek ürün işleri için üretildi
Bu, JSVar'a taşımadan önce gerçek projelerde kullandığım özgün UI kitim. Formlar, butonlar, modallar, tablolar, grafikler, takvimler, gezinme ve dosya yükleme kalıplarını içerir.
Girdi alanları
Doğrulamalı metin, textarea, telefon, e-posta ve şifre alanları.
Düğmeler
Birincil, ikincil, kompakt, devre dışı bırakılmış ve özel stildeki eylemler.
Seçim alanları
Düz değerler ve nesne dizileri için tekli ve çoklu seçim.
Yükleniyor
Eşzamansız eylemler için yükleme durumu engelleniyor.
Akordeon
Her seferinde bir kez açılma davranışına sahip genişletilebilir içerik bloğu.
Mesajlar
Onay eylemiyle birlikte başarı ve hata mesajları.
Modal
Anlaşılır kabul etme ve iptal etme akışlarına sahip onay iletişim kutusu.
Sayfalandırma
Sınırlandırılmış önceki ve sonraki kontrollerle düzenlenebilir sayfa girişi.
Anahtar
Basit ürün ayarları için kompakt boole kontrolü.
Açılır panel
İkincil ayrıntılar ve bağlamsal okuma için açılır panel.
Diller
JSVar'ın 21 yerel meta verisi temel alınarak oluşturulmuş dil seçici demosu.
Tablolar
Temel tablolar, satır ayrıntıları ve yoğunluk ısı haritaları.
Grafikler
Yığılmış, gruplandırılmış, karışık, çizgi, alan ve pasta grafiği demoları.
Takvimler
Eşleştirilmiş başlangıç ve bitiş değerleri için yerelleştirilmiş tarih seçimi.
Dosya bırakma
Eşleşen bir yükleme eylemiyle dosya hedefini sürükleyip bırakın.
Navigasyon
Aynı bölüm modelinden modül içi bölüm navigasyonu.
Saplama
Tamamlanmamış veya görünüm sınırlı durumlar için koruyucu kaplama.
Vitrin
Bileşen oyun alanı
Her bileşen ailesine göz atmak ve taşınan davranışı test etmek için kenar çubuğunu kullanın.
Mevcut bölüm
01/17Girdi alanları
Doğrulamalı metin, textarea, telefon, e-posta ve şifre alanları.
Mevcut bölüm
Girdi alanları
Doğrulamalı metin, textarea, telefon, e-posta ve şifre alanları.
Karakter: 0/1000
Standart alan
Bu alan geçersiz bir değer içeriyor.
Bulanıklık kontrol edildi
Alan önerileriyle
10+ karakter, karışık büyük/küçük harf, sayı, sembol