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
Ne zaman kullanılır
Bölüm başlığı “Ne zaman kullanılır”- Bir ayrıntı sayfasında tek bir değeri sayfadan ayrılmadan düzeltmek için: işyeri adı, not, etiket.
Ne zaman kullanılmaz
Bölüm başlığı “Ne zaman kullanılmaz”- 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.
Anatomi
Bölüm başlığı “Anatomi”- Değer: Metin ya da boş metni.
- Düzenle düğmesi: Kalem ikonlu IconButton; adı etiketi içerir.
- Alan: Etiketle adlandırılmış giriş.
- Kaydet ve Vazgeç: Onay ve çarpı ikonlu düğmeler.
- Hata:
validateiletisi.
Davranış
Bölüm başlığı “Davranış”- 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.
Yönergeler
Bölüm başlığı “Yönergeler”- 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.
İçerik
Bölüm başlığı “İçerik”- Hata iletisi ne yapılacağını söyler: “Ad boş olamaz.”
İlgili bileşenler
Bölüm başlığı “İlgili bileşenler”- 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.