Bileşenler
Popconfirm
Bir düğmenin yanında açılan, hafif bir işlem öncesinde evet ya da hayır soran küçük onay paneli.
- Storybook
- Storybook
- Kaynak kod
- Kaynak kod
Ne zaman kullanılır
Bölüm başlığı “Ne zaman kullanılır”- Geri alınabilen ya da etkisi küçük bir işlemden önce hızlı bir onay için: arşivleme, bir satırı listeden çıkarma, taslağı silme.
Ne zaman kullanılmaz
Bölüm başlığı “Ne zaman kullanılmaz”- Etkisi büyük ya da geri alınamayan işlemler için: hesabı kapatma, toplu iade. AlertDialog kullanın.
- İşlem geri alınabiliyorsa ve sık yapılıyorsa: onay sormayın; Toast ile geri al seçeneği verin.
- Ek bilgi ya da form gerekiyorsa: Dialog ya da Popover kullanın.
Anatomi
Bölüm başlığı “Anatomi”- Tetikleyici: Onay isteyen düğme.
- Başlık: Soru; paneli adlandırır.
- Açıklama: İsteğe bağlı, sonucu söyleyen tek cümle.
- Düğmeler: Vazgeç ve onay.
Davranış
Bölüm başlığı “Davranış”- Tetikleyiciye basınca panel açılır; odak Vazgeç düğmesine gider.
- Onay
onConfirm’ü çağırır; promise dönerse yükleniyor gösterilir ve iş bitince panel kapanır. - Vazgeç, Escape ya da dışarı tıklama
onCancel’ı çağırır ve paneli kapatır. - İş sürerken panel kapatılamaz.
Yönergeler
Bölüm başlığı “Yönergeler”- Onay düğmesine işlemin fiilini yazın: “Sil”, “Arşivle”; “Evet” yazmayın.
- Soruyu kısa tutun; ayrıntı gerekiyorsa AlertDialog kullanın.
İçerik
Bölüm başlığı “İçerik”- Başlık bir sorudur: “Bu kart silinsin mi?”.
- Açıklama sonucu söyler: “Bu işlem geri alınamaz.”
İlgili bileşenler
Bölüm başlığı “İlgili bileşenler”- AlertDialog: Ağır işlemler için kalıcı onay.
- Popover: Etkileşimli içerikli panel.
- Toast: İşlemden sonra geri al.