Glass
Her şeyin temeli. Bulanıklık, doygunluk, parlak üst kenar ve koyu alt kenar. Chromium’da kenarlarda gerçek mercek kırılması. Panelleri sürükleyin.
Cam
Temel
Button
Beş ton, üç boy, meşgul durumu. Basınca hafifçe çöker; cam ton tersine büyür.
IconButton
Yalnızca ikon. label hem erişilebilir ad hem ipucu olur.
Input, Textarea, Field
Field etiketi, ipucunu ve hatayı bağlar. Kontrol bir label içinde durur, id gerekmez.
Checkbox
Yuvarlak onay. İşaret kendini çizer.
Switch
Basılı tutunca topuz uzar ve cama döner, bırakınca yaylanarak geçer.
Slider
Yerel range girdisi; klavye ve ekran okuyucu desteği hazır. Sürüklerken topuz şişer.
Segmented
Seçim parçalar arasında kayar. Ok tuşlarıyla gezilir.
Pill, Kbd
Durum etiketi ve tuş gösterimi. Pill paletin herhangi bir rengini alır.
Avatar, AvatarStack
Görsel yoksa baş harfler; renk addan türetilir, her seferinde aynı çıkar.
Spinner
Rengini metinden alır. label verilirse ekran okuyucuya duyurulur.
Katmanlar
Dialog
Cam panel; odak içeride kalır, Escape kapatır, kapanınca odak geri döner.
Confirm
Geri dönüşü olmayan işler için hazır onay penceresi.
Sheet
Alttan açılan sayfa tutamaktan aşağı çekilerek kapanır; yan panel ayrıntılar içindir.
Popover
Bir elemana asılı cam panel. Portal içinde durur, yer yoksa yukarı açılır.
Menu
Popover üstüne kurulu menü. Oklar gezinir, Enter seçer, Escape kapatıp odağı düğmeye verir.
Tooltip
Üzerine gelince kısa gecikmeyle, klavye odağında hemen görünür.
Toast
Her yerden toast() ile çağrılır. Sağa kaydırınca kapanır, üzerine gelince süre durur.
Navigasyon
TabBar
Yüzen cam sekme çubuğu. Seçim baloncuğu kayar; kompakt modda etiketler katlanır. Bu sayfanın altındaki çubuk da bu.
Toolbar
Başlık ve eylemler için yüzen cam çubuk. sticky ile içerik altından kayar. Sayfanın üst çubuğu da bu.
Tabs
Kayan alt çizgili metin sekmeleri. Kontrollü ya da kendi başına çalışır.
CommandPalette
Bulanık arama, gruplar, klavyeyle seçim. Türkçe karakterlerde aksan duyarsız. Bu sayfada ⌘K ile açılır.
İçerik
Card
İçerik için opak yüzey. Cam yalnızca üstteki katmanlarda kalır.
List, Row
iOS ayarlar düzeninde gruplu liste. Tıklanabilir satırlar ok işareti alır.
Empty
Boş durumlar için: ne olduğunu ve sıradaki adımı söyler.
Skeleton
Yüklenirken içeriğin yerini tutar, böylece sayfa zıplamaz.
Progress, ProgressRing
Değer 0–1 arası; yay ile ilerler. Değer verilmezse belirsiz akar.