Bileşenler
Select
Kısa ve kapalı bir listeden tek seçim; tetikleyiciden açılan bir liste.
- Storybook
- Storybook
- Kaynak kod
- Kaynak kod
28 Ekim 2026
Bölüm başlığı “28 Ekim 2026”Eklendi
- İlk sürüm: Base UI Select üzerine kısa listeden tek seçim.
- Field bağlantısı:
label,description,error,invalid,required,necessityIndicator. items(value,label,icon,disabled),placeholder,size,readOnly,disabled,string | nulldeğer.- Liste
motion.popover, onay işaretimotion.selectionMarkile; tetikleyicimotion.field. SelectItemtipi dışa açıldı.- Çoklu seçim:
multiple,values,defaultValues,onValuesChange. - Cam malzeme: cam bir
Provideraltında bu yüzey cama döner;material="solid"onu opak tutar.
Değişti
- Yeni
smboyu (32 px);md36 px (dokunmatik ekranda 40 px),lg40 px. Köşe yarıçapı 10 px. - Kutu ince bir gölge alıyor; odak çizgisi kutunun 2 px dışına çiziliyor; geçersiz kutunun çevresinde 2 px tehlike halesi beliriyor.
- Ortak kaplama yüzeyi: yükseltilmiş zemin,
border-overlayince çizgisi ve gölge. - Seçenek satırları ortak ölçüyü kullanıyor (
menu-item-*token’ları); vurgulanan satır seçili zemini alıyor. Liste 4 px iç boşluklu ve 10 px köşeli (menu-radius). - Grup başlıkları menülerdeki gibi
label-smve seçenek metniyle hizalıdır.