İçeriğe geç
BigBang

Sık açılanlar

    ↑↓Gezin↵AçEscKapat
    EN

    Bileşenler

    Select

    Kısa ve kapalı bir listeden tek seçim; tetikleyiciden açılan bir liste.

    Storybook
    Storybook
    Kaynak kod
    Kaynak kod

    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 | null değer.
    • Liste motion.popover, onay işareti motion.selectionMark ile; tetikleyici motion.field.
    • SelectItem tipi dışa açıldı.
    • Çoklu seçim: multiple, values, defaultValues, onValuesChange.
    • Cam malzeme: cam bir Provider altında bu yüzey cama döner; material="solid" onu opak tutar.

    Değişti

    • Yeni sm boyu (32 px); md 36 px (dokunmatik ekranda 40 px), lg 40 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-overlay ince ç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-sm ve seçenek metniyle hizalıdır.