İçeriğe geç
BigBang

Sık açılanlar

    ↑↓Gezin↵AçEscKapat
    EN

    Bileşenler

    InlineEdit

    Metin olarak gösterilen ve yerinde bir giriş alanına dönüşen değer; kaydet ve vazgeç ile.

    Storybook
    Storybook
    Kaynak kod
    Kaynak kod
    • Bir ayrıntı sayfasında tek bir değeri sayfadan ayrılmadan düzeltmek için: işyeri adı, not, etiket.
    • Birden fazla alan birlikte değişiyorsa: bir form ve SaveBar kullanın.
    • Değer doğrulama ya da onay gerektiren hassas bir alansa: IBAN, tutar. Ayrı bir form kullanın.
    • Tablo hücrelerinde toplu düzenleme için: satırı açan bir düzenleme akışı kullanın.
    1. Değer: Metin ya da boş metni.
    2. Düzenle düğmesi: Kalem ikonlu IconButton; adı etiketi içerir.
    3. Alan: Etiketle adlandırılmış giriş.
    4. Kaydet ve Vazgeç: Onay ve çarpı ikonlu düğmeler.
    5. Hata: validate iletisi.
    • Düzenle düğmesi alanı açar; metin seçili gelir.
    • Enter ya da Kaydet değeri doğrular ve kaydeder; Escape ya da Vazgeç değişikliği bırakır.
    • Kapanınca odak düzenle düğmesine döner.
    • Değer değişmediyse onSave çağrılmaz.
    • Etiketi değerin yanında görünür biçimde de verin; InlineEdit yalnızca alanı adlandırır.
    • Bir sayfada aynı anda tek bir InlineEdit açık olsun.
    • Hata iletisi ne yapılacağını söyler: “Ad boş olamaz.”
    • TextInput: Formdaki metin alanı.
    • DescriptionList: Etiket ve değer listesi; InlineEdit değer olarak kullanılabilir.
    • SaveBar: Birden fazla değişiklik için kaydet çubuğu.