InlineAlert

Ne zaman kullanılır

InlineAlert, kullanıcının bir bölümde ya da formda bilmesi gereken bir durumu ilgili içeriğin yanında göstermek içindir: formun gönderilemediği, bir ayarın etkisi, eksik bir adım.

Ne zaman kullanılmaz

• Bir işlemin geçici sonucu için: Toast kullanın.
• Tüm uygulamayı etkileyen durum için: Banner kullanın.
• Tek bir alanın hatası için: Hatayı alanın altında gösterin.
• Karar gerektiren durum için: AlertDialog kullanın.

Anatomi

Hata: Form gönderilemedi

İşaretli alanları düzeltip yeniden gönderin.

Yeniden deneAyrıntılar

AçıkKoyu

Kodu kopyala

import { Button, InlineAlert } from '@bigbang/ui';

export default function WithActions() {
  return (
    <InlineAlert
      tone="danger"
      title="Form gönderilemedi"
      actions={
        <>
          <Button size="sm" variant="secondary">
            Yeniden dene
          </Button>
          <Button size="sm" variant="tertiary">
            Ayrıntılar
          </Button>
        </>
      }
    >
      İşaretli alanları düzeltip yeniden gönderin.
    </InlineAlert>
  );
}

1. Ton ikonu.
2. Başlık: İsteğe bağlı.
3. Mesaj.
4. Eylemler: En fazla iki.
5. Kapat butonu: İsteğe bağlı.

Davranış

• Uyarı içerikle birlikte akar; yer kaplar ve sayfayı iter.
• Sayfa yüklendikten sonra beliren uyarıda announce açılır: danger hemen, diğerleri sırası gelince okunur.
• Kapatınca söner, kaldırılır ve odak bir sonraki kontrole geçer.

Yönergeler

• Ne olduğunu ve ne yapılacağını söyleyin.
• Uyarıyı ilgili içeriğin hemen üstüne koyun.
• Bir bölümde birden fazla uyarı göstermeyin.
• Hataları kapatılamaz bırakın; sorun çözülünce kaldırın.

İçerik

Türkçe	İngilizce
Form gönderilemedi	The form could not be sent
Yeniden dene	Try again
Uyarıyı kapat	Dismiss

İlgili bileşenler

• Banner: Uygulamanın tepesinde tam genişlik mesaj.
• Toast: İşlemin geçici sonucu.
• Badge: Bir öğenin kısa durumu.