Şablonlar

Şablon nedir

Şablon, bir sayfanın çevresindeki sabit yapıdır: üst çubuk, gezinme, içerik alanı, alt bilgi ve bunların farklı ekran genişliklerindeki düzeni. Kalıplar ve bileşenler bu kabukların içine yerleşir. Kabuklar sayfa başlığını, atlama bağlantısını, odak yönetimini ve yer işaretlerini (landmark) tek yerden sağlar.

Kapsam

Kabuk	Ne için
AppShell	Oturum açmış kullanıcının ana uygulama düzeni: gezinme, üst çubuk, içerik
AuthShell	Giriş, tek kullanımlık kod ve parola ekranları
PrintShell	Yazdırılacak belge ve dekontlar için A4 düzeni
PublicShell	Oturum gerektirmeyen bilgi ve durum sayfaları

AppShell, AuthShell ve PrintShell sayfaları hazırdır: AppShell, AuthShell, PrintShell.

Bloklar

Bloklar, kabuk ve kalıpların birlikte kullanıldığı hazır ekranlardır. Her blok bir Storybook hikâyesi ve kopyalanabilir kodla gelir; iki markada ve iki modda çalışır. Örnekler yalnızca kurgusal veriler kullanır.

Blok	Kabuk	Ne gösterir
Giriş	AuthShell	Kimlik bilgileri, alan ve form hataları
Tek kullanımlık kod	AuthShell	Kod girişi, süre ve yeniden gönderme
Gösterge paneli	AppShell	Özet kartları, grafikler ve son kayıtlar
Boş gösterge paneli	AppShell	İlk kullanım adımları
Hesap özeti	AppShell	Profil, kullanım sınırları ve etkinlikler
Liste ve filtreler	AppShell	Filtreler, tablo, sayfalama ve toplu işlemler
Ayarlar	AppShell	Sekmeli ayarlar, kaydetme ve silme onayı
Dekont ve döküm	PrintShell	Yazdırılabilir belge ve dönem dökümü
Ayrıntı paneli	AppShell	Listeden seçilen kaydın ayrıntıları yan panelde
Bildirim merkezi	AppShell	Üst çubukta zil, okunmamış sayısı ve bildirim paneli
Hesap menüsü	AppShell	Üst çubukta profil, tercihler ve çıkış menüsü
Durum sayfaları	Kabuksuz	Bulunamadı (404), sunucu hatası (500) ve bakım sayfaları
Başlarken listesi	AppShell	Kurulum adımları, ilerleme ve başarı durumu