Katman bileşenleri

Sayfanın üzerinde duran her şey: diyaloglar ve onaylar, yan paneller ve kaydırılabilir çekmeceler, popover’lar, hover kartlar, ipuçları, açılır ve bağlam menüleri, bir menü çubuğu ve ⌘K komut paleti.

Açıldıklarında odak içeri girer, kapandıklarında geri döner; 320 piksel genişliğe kadar ekranda kalırlar ve telefonlarda diyaloglar kaydırılabilir alt sayfalara dönüşür.

Her biri ne yapar

Alert dialogYıkıcı ya da önemli eylemler için, asenkron işin bitmesini bekleyen ve telefonlarda alt sayfaya dönüşen bir onay iletişim kutusu.
CommandSatır içi ya da ⌘K paleti olarak eylemlerin aranabilir listesi; sayfalar, kısayollar ve vurgulanmış eşleşmeler içerir.
Context menuSağ tık ya da uzun basışla açılan eylem menüsü; alt menüler, onay kutusu ve radyo öğeleri ile dokunmatik ekranda basılı tutma geri bildirimi içerir.
DialogFormlar ve odaklı görevler için sayfanın üzerinde bir pencere; sabit üst bilgi ve alt bilgi, iç içe geçme ve telefonlarda kaydırılabilir bir alt sayfa içerir.
DrawerHerhangi bir kenardan kayarak gelen ve parmağınızı izleyen bir panel; yapışma noktaları, çalışan bir tutamaç ve üst üste binen iç içe çekmeceler içerir.
Dropdown menuBir düğmenin ardındaki eylem ve seçenek menüsü; gruplar, alt menüler, onay kutusu ve radyo öğeleri ile kısayollar içerir.
Hover cardBir bağlantının üzerine gelindiğinde ya da odaklanıldığında açılan, görme engeli olmayan kullanıcıların göz atabileceği içerikler için bir önizleme kartı.
MenubarAçık menüler arasında kayan tek bir vurgu ve üzerinden geçerken anında geçiş sunan, masaüstü tarzı bir menü çubuğu.
PopoverBir trigger'a sabitlenen, içeriğiyle birlikte düzgünce yeniden boyutlanan ve trigger'ın yönünü izleyen yüzen bir panel.
SheetHerhangi bir kenardan kayarak gelen bir panel; kaydırarak kapatma, kaydırma kilidi ve üst üste iç içe geçme desteği vardır.
TooltipHover ya da klavye odağında, kısa bir bekleyişten sonra açılan, komşular arasında anında geçen ve kısayolları gösteren kısa bir ipucu.

Pro bloklarda kullanılanlar

Bu bileşenlerle oluşturulmuş yapay zeka ürünleri için bloklar.

Diğer kategoriler