Component'ler
Merid'in component'leri ne işe yaradıklarına göre gruplanır. Her birinin canlı önizleme, props, klavye etkileşimleri ve kullanım önerileri içeren kendi sayfası vardır.
Form girdileri
ButtonPrimary, secondary, ghost, danger ve link aksiyonları.KararlıIconButtonTek ikon için kare buton; label zorunlu.KararlıLabelForm kontrolü için erişilebilir etiket.KararlıFieldHer kontrol için etiket, yardım metni ve hata mesajı.KararlıInputInvalid ve disabled durumları olan tek satırlık metin alanı.KararlıTextareaÇok satırlı metin alanı.KararlıNativeSelectStil verilmiş native select elemanı.KararlıSelectÖzel bir listbox'tan tek seçenek seçtirir.KararlıCheckboxBağımsız bir seçeneği açıp kapatır.KararlıRadioAz sayıda görünür seçenekten birini seçtirir.KararlıSwitchBir ayarı anında açar ya da kapatır.KararlıSegmentedControlBirkaç görünüm ya da mod arasında geçiş.Kararlı
Layout
Containerİçeriği container genişliğinde, gutter'larla ortalar.KararlıSectionTutarlı padding'le dikey sayfa bölümü.KararlıStackToken ölçeğinde dikey ya da yatay boşluk.KararlıGridResponsive kolon grid'i.KararlıCardGruplanmış içerik için gri ya da yükseltilmiş yüzey.KararlıSeparatorBölgeler arasında 1px'lik ince çizgi.Kararlı
Tipografi
HeadingHer seviyede sıkı ve dengeli başlıklar.KararlıTextÜç tonda gövde metni.KararlıCodeSatır içi kod.KararlıKbdKlavye tuşu.KararlıVisuallyHiddenYalnızca yardımcı teknolojilere yönelik içerik.Kararlı
Veri gösterimi
Tableİnce satır çizgileri ve tabular rakamlarla tablo verisi.KararlıBadgeAltı tonda kısa durum ya da sayı.KararlıAvatarKişi ya da kurum için görsel veya baş harfler.KararlıAccordionÜst üste açılıp kapanan bölümler.KararlıTabsPaneller arasında geçiş için çizgi tab'lar.KararlıEmptyStateHenüz gösterilecek bir şey yokken yer tutucu.Kararlı
Geri bildirim
AlertInfo, success, warning ya da danger tonunda satır içi bildirim.KararlıToastAkışı kesmeyen kısa onay mesajı.KararlıProgressBelirli ilerleme çubuğu.KararlıSpinnerKısa beklemeler için belirsiz ilerleme göstergesi.KararlıSkeletonİçerik yüklenirken yer tutucu şekiller.Kararlı
Overlay
DialogOdaklı bir iş için modal pencere.KararlıAlertDialogYanıt bekleyen modal onay.KararlıDrawerKenardan kayarak açılan panel.KararlıPopoverTetikleyiciye bağlı, modal olmayan açılır panel.KararlıTooltipHover ve focus'ta görünen kısa etiket.KararlıDropdownMenuBir butondan açılan aksiyon listesi.KararlıPortalChildren'ı document.body içine render'lar.Kararlı