Banner

Ne zaman kullanılır

Banner, uygulamanın tamamını etkileyen bir durumu herkesin göreceği yerde göstermek içindir: planlı bakım, hizmet kesintisi, hesapla ilgili engel, önemli bir duyuru.

Ne zaman kullanılmaz

• Bir bölüm ya da form hakkında: InlineAlert kullanın.
• Bir işlemin geçici sonucu için: Toast kullanın.
• Pazarlama mesajları için: Banner’ı yalnızca işi etkileyen durumlar için kullanın.

Anatomi

Uyarı: Bu gece 23.00 ile 01.00 arasında bakım yapılacak.Ayrıntılar

AçıkKoyu

Kodu kopyala

import { Banner, Link } from '@bigbang/ui';

export default function Default() {
  return (
    <Banner tone="warning" action={<Link href="#details">Ayrıntılar</Link>}>
      Bu gece 23.00 ile 01.00 arasında bakım yapılacak.
    </Banner>
  );
}

1. Ton ikonu.
2. Mesaj: Tek cümle.
3. Eylem: İsteğe bağlı tek bağlantı.
4. Kapat butonu: İsteğe bağlı.

Davranış

• Uygulama kabuğunun en üstünde, içeriği aşağı iterek durur.
• Sonradan beliren banner’da announce açılır.
• Kapatınca söner, kaldırılır ve odak bir sonraki kontrole geçer.

Yönergeler

• Aynı anda en fazla bir banner gösterin.
• Mesajı tek cümleyle ve somut zamanla yazın.
• Kesinti ve engel bildiren banner’ı kapatılamaz bırakın.

İçerik

Türkçe	İngilizce
Bu gece 23.00 ile 01.00 arasında bakım yapılacak.	Maintenance is planned tonight from 23.00 to 01.00.
Ayrıntılar	Details

İlgili bileşenler

• InlineAlert: İçerikteki mesaj.
• Toast: İşlemin geçici sonucu.
• Link: Banner eylemi.