Kalıplar

Kalıp nedir

Kalıp, birden çok bileşeni belirli bir iş akışı için bir araya getiren, sürümlenen bir sayfa motorudur. Ekranlar tek tek tasarlanmak yerine bu motorlara veri ve ayar verilerek kurulur; böylece yüzlerce ekran aynı davranışı, aynı boş ve hata durumlarını ve aynı erişilebilirlik kurallarını paylaşır.

Kapsam

Kod	Kalıp	Ne için
KL1	Liste, filtre ve ayrıntı	Tablo halinde kayıt listesi, filtreler, satır ayrıntısı, dışa aktarma
KL2	Adım adım akış	Çok adımlı form, özet ve onay adımı
KL3	Toplu yükleme	Şablon indirme, dosya yükleme, satır hataları ve onay
KL4	Belge ve dekont	Yazdırılabilir belge, alan maskeleme, doğrulama kodu
KL5	Gösterge paneli	Tarih aralığına bağlı özet kartları ve grafikler
KL6	Ayarlar formu	Bölümlere ayrılmış ayarlar, kaydetme ve gizli değerler
KL7	Yetki matrisi	Rol ve modül bazında izinler
KL8	Kimlik ve oturum	Giriş, tek kullanımlık kod, yeni parola, oturum sonu
KL9	Durum ve sistem	Hata, bakım, boş durum ve yardım sayfaları

Kullanım kalıpları

Sayfa kalıplarından önce, her ekranda tekrar eden davranışlar için kurallar ve canlı örnekler hazırdır:

Kalıp	Ne için
Formlar ve doğrulama	Alan hataları, hata özeti ve gönderme
Filtreleme	Filtre çubuğu, sonuç sayısı ve adres çubuğu
Boş durumlar	İlk kullanım, sonuç yok ve temizlenmiş liste
Yükleme durumları	1 sn altında gösterge yok, 1–3 sn döner gösterge, 3 sn üstünde ilerleme
Bildirimler	Satır içi uyarı, şerit ve kısa bildirim
Kaydetme	Açık kaydetme, anında kaydetme ve kaydedilmemiş değişiklikler
Geri alınamayan işlemleri onaylama	Onay adımı ve adı yazarak onay
Devre dışı ve salt okunur	Hangisinin ne zaman kullanılacağı
Toplu işlemler	Seçim, işlem çubuğu ve sonuç bildirimi
Veri dışa aktarma	Biçim seçimi, kapsam ve uzun süren dışa aktarma
Oturum süresi ve tek kullanımlık kod	Süre uyarısı, oturumu uzatma ve kod girişi
Hatadan kurtarma	Yeniden deneme, kısmi hata ve kalıcı hata
Grafik galerisi	Hangi soruya hangi grafik

Her sayfa kuralları, davranışı, erişilebilirliği, içerik ve hareket kurallarını ve canlı bir Storybook örneğini içerir.