status_banner

Bir şey gerçekleşti ya da gerçekleşmek üzere. status_banner, kaydetmek yerine araya girdiği için kataloğun bildirimidir: uygulanan bir promosyon, tükenmekte olan stok, gerçekleşmeyen bir ödeme.

Ton; glif ve vurguyla taşınır, ana uygulamanın asla eşlemediği bir yeşil ve kırmızı uydurarak asla taşınmaz.

Flutter SDK ve Web SDK ile, her ikisi de 0.1.0 sürümünden itibaren yerel olarak render edilir.

Ne zaman kullanılmamalı

İçerik için kullanmayın. Banner, durum hakkında bir bildirimdir; üzerinde adı olan bir olgu ise araya girme etkisi taşımayan aynı biçimdeki info_card bileşenidir.

Onay istemek için bir error banner da kullanmayın. Onay, sunucu tarafında oluşturulan confirm_card bileşenidir ve bir banner'da hiçbir buton bulunmaz.

Props

Her blok ayrıca type ve 1 ila 300 karakterden oluşan zorunlu bir fallback_text taşır.

Ağ üzerinde

{
  "id": "blk_17",
  "type": "status_banner",
  "fallback_text": "Only two pairs left in size 44.",
  "props": {
    "tone": "warning",
    "title": "Only two pairs left in size 44",
    "body": "Trail Circuit restocks in about three weeks."
  }
}

Etkileşim

Yoktur. Bir banner tasarım gereği CTA içermez: bu konuda yapılacak bir şey varsa, sonraki blok bunu belirtmelidir.

Durumlar

Erişilebilirlik

Ton yalnızca renkten ibaret değildir. warning ve error vurgu glifini alır, success tam mürekkeple okunur ve info sessiz kalır; ayrıca her tonun ayrı bir glifi vardır, böylece fark hem renk körü bir okuyucuda hem de ekran okuyucuda korunur.

fallback_text başlık olmalıdır. Bir banner'ın başlığı zaten tüm mesaj olarak yazılmıştır.