Armada

Uygulama kabuğu

Sidebar, header ve bottom navigation. Masaüstünde rail'e daralır, tablette ikon menü, telefonda çekmece olur.

Kart

İçeriği gruplayan yüzey: başlık, eylemler, medya, alt bilgi ve tıklanabilir varyantlar.

Container, stack, grid

Sayfa genişliği, dikey/yatay yığın, otomatik ızgara ve ayırıcılar.

Sayfa başlığı ve araç çubuğu

Breadcrumb, açıklama ve eylemlerle sayfa başlığı; araç çubuğu.

Gezinme listesi

Sidebar ve çekmece menüleri: gruplar, rozetler, açılır bölümler.

Alt gezinme

Telefonda sabit alt menü: rozet, ortada FAB, yalnız aktif etiket, yüzen varyant.

Üst menü

Web siteleri için yatay menü.

Breadcrumb

Sayfanın konumu. Telefonda son iki seviye görünür.

Sekmeler

Alt çizgi, hap, segment ve dikey sekmeler; panellerle veya link olarak.

Sayfalama

Numaralı sayfalama; telefonda "3 / 12" biçimine düşer.

Adımlar

Çok adımlı süreçler; yatay, dikey, hatalı adım.

Açılır menü

Eylem menüleri: ikon, kısayol, işaretlenebilir öğe, tehlikeli öğe. Telefonda alttan açılır.

Komut paleti

⌘K ile açılan arama ve hızlı geçiş.

Dil seçici

Endonimli dil menüsü: açılır menü, yerel select ve satır içi segment.

Buton

5 varyant, 11 ton, 5 boyut; ikon, rozet, yükleniyor, link ve blok.

Segment kontrol

Tek seçimli buton grubu.

Chip

Etiket, filtre, kaldırılabilir ve kaydırılabilir chip grupları.

FAB ve speed dial

Yüzen eylem butonu; geniş varyant ve açılan alt eylemler.

Metin alanı

İkon, ön/son ek, temizle, şifre göster, doğrulama hatası, boyutlar.

Çok satırlı metin

Otomatik büyüyen alan ve karakter sayacı.

Select

Yerel select: telefonda sistemin seçicisini kullanır.

Combobox

Aranabilir, çoklu seçim, gruplu, yeni öğe oluşturma. Telefonda alttan açılır.

Checkbox

Tekli, grup, belirsiz durum ve kart görünümü.

Radio

Dikey, yatay ve kart görünümlü radio grupları.

Switch

Açık/kapalı ayarlar; ayar listesi düzeni.

Slider

Tek değer ve aralık; değer etiketi ve işaretler.

Sayı girişi

+/− butonlu sayı alanı; min, max ve adım.

Doğrulama kodu

Tek seferlik kod; yapıştırma ve SMS otomatik doldurma.

Tarih seçici

Tek tarih, aralık, hazır aralıklar ve satır içi takvim.

Saat seçici

Adımlı saat listesi, min/max ve 12 saat gösterimi; telefonda alttan açılır.

Zengin metin editörü

Başlık, liste, alıntı, kod ve bağlantılı içerik; HTML çıktısı, düz metin yapıştırma.

Renk seçici

Hazır paletler ve özel renk.

Dosya yükleme

Sürükle-bırak alanı, çoklu dosya ve görsel önizleme.

Puanlama

Yıldız puanı; salt okunur ve farklı ikonlar.

Form düzeni

Fieldset, iki sütunlu form ızgarası ve doğrulama hataları.

Tablo

Sıralama, seçim, toplu işlem çubuğu; telefonda satırlar karta dönüşür.

Liste

Avatar, ikon, iki satır, link ve alt başlıklı listeler.

Etkinlik takvimi

Aylık takvim; masaüstünde etkinlik etiketleri, telefonda nokta ve günün ajandası.

Kanban

Sütunlar arası sürükle-bırak; fare, kalem ve dokunmatik (uzun bas).

Sonsuz kaydırma

Liste sonuna gelince Livewire metodunu çağırır; yükleniyor ve bitti durumları.

Video

Dosya, altyazı ve YouTube/Vimeo; oynatılana kadar sağlayıcıya istek gitmez.

Tanım listesi

Anahtar-değer bilgileri; telefonda alt alta.

Avatar

Görsel, baş harf, ikon, durum noktası, boyutlar ve gruplar.

Rozet

Durum rozetleri ve buton/ikon üstü sayaçlar.

İstatistik

KPI kartları: değer, trend ve sparkline.

Zaman çizelgesi

Aktivite akışı; ikon, ton ve avatar.

Ağaç

Klasör ağacı gibi iç içe veriler.

Akordiyon

SSS ve daraltılabilir bölümler; tek açık mod.

Carousel

Kaydırmalı slaytlar; oklar, noktalar ve otomatik oynatma.

Görsel

Oran, kırpma ve açıklama.

Boş durum

Kayıt yok, arama sonucu yok ve hata ekranları.

Kod bloğu

Dosya adı ve kopyala butonu.

Tipografi

Başlık, metin, link, klavye kısayolu.

Uyarı

Bilgi, başarı, uyarı ve hata mesajları; kapatılabilir ve eylemli.

Banner

Sayfa üstü duyurular.

Toast

Geçici bildirimler; JS, Livewire ve session flash ile.

Modal

Diyaloglar; telefonda bottom sheet olur ve aşağı çekilerek kapanır.

Drawer ve bottom sheet

Yandan ve alttan açılan paneller.

Tooltip

Kısa ipuçları ve kısayollar. Dokunmatik ekranlarda gizlenir.

Popover

Tıklayınca açılan içerik paneli; telefonda alttan açılır.

İlerleme

Doğrusal, dairesel, belirsiz ve segmentli ilerleme; spinner.

Skeleton

Yüklenirken yer tutucular.

Grafik

Çubuk, yığılı çubuk, çizgi ve alan grafikleri. Bağımlılıksız SVG.

Isı haritası

Yıllık katkı takvimi ve satır × sütun matrisi.

Sparkline

Küçük trend grafikleri: çizgi, alan, çubuk.

Halka grafik

Dağılım grafiği; ortada değer.