Arayüzünü hazır parçalardan kur.

Accordion

Tekli veya çoklu seçim destekleyen açılıp kapanabilir içerik grupları.

Avatar

Baş harf, görsel ve çevrimiçi durum seçeneklerine sahip kullanıcı avatarı.

Badge

Durum ve kategori bilgileri için kompakt semantik etiketler.

Breadcrumb

Özelleştirilebilir ayraçlara sahip hiyerarşik sayfa navigasyonu.

PrimitivesÖnerilen

Button

Semantik varyantlar, boyutlar ve yükleme durumları sunan aksiyon butonu.

Checkbox

Standart ve kart görünümlü erişilebilir onay kutusu.

Calendar

Tarih sınırları ve yerelleştirme destekleyen erişilebilir aylık takvim.

FormsÖnerilen

Combobox

Klavye navigasyonlu aranabilir tekli seçim alanı.

FormsÖnerilen

Date Picker

Yeniden kullanılabilir Calendar üzerine kurulu açılır tarih seçici.

Chip

Seçilebilir veya kaldırılabilir kompakt değer etiketi.

Code Block

Kopyalanabilir ve daraltılabilir kaynak kodu sunumu.

Copy Button

Geçici başarı geri bildirimi sunan pano kopyalama aksiyonu.

OverlaysÖnerilen

Dialog

Odaklanmış kararlar ve görevler için modal yüzey.

Drawer

İkincil iş akışları için ekran kenarından açılan panel.

Dropdown

Pasif ve tehlikeli öğeleri destekleyen bölümlü aksiyon menüsü.

File Upload

MIME türü ve boyut doğrulamalı sürükle-bırak dosya alanı.

Form Field

Erişilebilir etiket, açıklama ve doğrulama mesajı bileşimi.

Icon Button

Yalnız ikon kullanan kontroller için kompakt erişilebilir aksiyon.

FormsÖnerilen

Input

Etiket, hata, yardımcı metin ve kontrollü durum destekleyen giriş alanı.

Multi Select

Sınır ve toplu temizleme destekleyen aranabilir çoklu seçim.

Number Input

Adım kontrolleri ve birimlerle sınırlandırılmış sayısal giriş.

Password Input

İsteğe bağlı güç göstergesine sahip şifre görünürlük kontrolü.

Pagination

Kompakt ve tam düzenleri destekleyen sayfa navigasyonu.

Progress Bar

Doğrusal ve parçalı ilerleme görselleştirmesi.

Radio Group

Satır ve kart görünümlü tek seçim seçenekleri.

Rating

Farklı simge biçimlerine sahip etkileşimli puanlama alanı.

Segmented Control

Görünüm veya mod seçimi için kompakt, birbirini dışlayan kontrol.

Select

Etiket, grup ve doğrulama durumları destekleyen native seçim alanı.

Separator

İsteğe bağlı etiketli yatay veya dikey içerik ayracı.

Skeleton

Metin, kart ve geometrik varyantlı yükleme yer tutucusu.

Slider

İşaretler ve semantik renkler destekleyen sayısal aralık kontrolü.

Spinner

İsteğe bağlı durum etiketine sahip kompakt yükleme göstergesi.

Switch

Yükleme ve pasif durumları destekleyen ikili ayar kontrolü.

Tabs

Alt çizgi, kapsül ve kart stillerine sahip sekmeli içerik navigasyonu.

Textarea

Karakter sayacı ve monospace modu destekleyen çok satırlı giriş.

Tag Input

Klavye dostu metin etiketi oluşturma ve kaldırma alanı.

Tooltip

İşaretçi veya klavye odağında gösterilen bağlamsal etiket.

Popover

Kontrollü ve kontrolsüz durum destekleyen sabitlenmiş bağlamsal içerik.

Stepper

Çok adımlı iş akışları için yatay veya dikey ilerleme göstergesi.

App Shell

Sidebar, topbar ve içeriği birleştiren uygulama çerçevesi.

Page Container

Responsive ve ortalanmış sayfa genişliği sınırlayıcısı.

Page Header

Sayfa başlığı, metadata, breadcrumb ve aksiyon alanı.

Panel

Tutarlı boşluklara sahip yükseltilmiş içerik yüzeyi.

Section

Başlık ve açıklama içeren semantik sayfa bölümü.

Sidebar

Daraltılabilir ve gruplanmış uygulama navigasyonu.

Topbar

Marka, merkez içerik ve aksiyonlara sahip uygulama başlığı.

Alert

Semantik önem derecesine sahip satır içi bağlamsal geri bildirim.

Empty State

İçerik bulunmadığında gösterilen aksiyonlu yer tutucu.

Error State

Tekrar deneme aksiyonlarına sahip kurtarılabilir hata sunumu.

Loading State

Tutarlı içerik yükleme sunumu.

Toast

İsteğe bağlı aksiyon içeren geçici geri bildirim mesajı.

Card

Birden fazla görsel varyanta sahip bileştirilebilir içerik yüzeyi.

Data DisplayÖnerilen

Data Table

Sıralanabilir ve seçilebilir tablo veri sunumu.

Key Value

Teknik özellik ve değerler için kompakt gösterim.

Metadata List

Grid, satır veya kart düzeninde yapılandırılmış metadata.

Stat

Eğilim ve yardımcı bağlam içeren metrik gösterimi.

Status Badge

İsteğe bağlı etkinlik animasyonuna sahip operasyonel durum etiketi.

Table Toolbar

Tablolar için arama, filtre, toplu aksiyon ve kolon görünürlüğü.

Timeline

Semantik durum işaretçilerine sahip kronolojik olaylar.

Tree View

Kontrollü seçim destekleyen genişletilebilir hiyerarşik navigasyon.

Context Menu

Klavye erişimi ve alt menüler sunan işaretçi konumlu aksiyon menüsü.

Command Palette

Global kısayol destekli odaklanmış arama ve hızlı aksiyon paleti.

Aspect Ratio

Medya ve içerik yüzeyleri için sabit en-boy oranlı kapsayıcı.

Kbd

Klavye tuşlarını ve kısayol kombinasyonlarını gösteren semantik ipucu.

Toggle

Kontrollü ve kontrolsüz basılı durum desteğine sahip iki durumlu buton.

Button Group

İlişkili aksiyonları yatay veya dikey olarak gruplayan erişilebilir düzen.

Input Group

Ön ek, son ek, açıklama ve hata durumunu tek alanda birleştiren giriş grubu.

Fieldset

İlişkili form kontrolleri için açıklama ve hata destekli semantik alan grubu.

Toolbar

Ok tuşları, Home ve End ile gezilebilen erişilebilir aksiyon çubuğu.

Scroll Area

Klavye odağı ve erişilebilir bölge etiketi sunan kontrollü kaydırma alanı.

Quote

Yazar ve kaynak bilgisi içeren semantik alıntı yüzeyi.

Link Card

Dahili ve harici hedefleri zengin içerikle sunan bağlantı kartı.

Alert Dialog

Kritik işlemler için odak yönetimli ve erişilebilir onay penceresi.

Collapsible

İçeriği kontrollü veya kontrolsüz biçimde açıp kapatan bölüm.

Hover Card

Fare ve klavye odağında tamamlayıcı bilgiyi gösteren zengin kart.

Menubar

Masaüstü uygulamaları için klavye erişimli hiyerarşik menü çubuğu.

Carousel

Kontrollü seçim ve erişilebilir slayt navigasyonu sunan içerik galerisi.

Toggle Group

Tekli veya çoklu seçim destekleyen ilişkili toggle kontrol grubu.

Resizable Panel Group

Fare ve klavye ile yeniden boyutlandırılabilen iki panelli düzen.

Banner

Aksiyon ve kapatma desteğine sahip sayfa düzeyinde durum bildirimi.

Visually Hidden

Yalnızca yardımcı teknolojilere sunulan erişilebilir metin yardımcı bileşeni.