İşaretleyiciler

Bir şey hakkında söylenen her şeyin tek bir kelimeyle ifade edildiği bir kapsül: bir durum, bir isim, bir versiyon, bir kategori. Bir gün bir kod ve bir durum yan yana gelene kadar iki nesne olarak kaldılar, bir başlıkta, aralarındaki farkın ne anlama geldiğini kimse bilemedi — bu yüzden şekil birdir ve ton, onları ayıran her şeyin toplamıdır. Taşıdığı şey serbesttir: bir kelime, bir rakam, bir glif veya bunlardan ikisi. Daire, bir kapsül için yer olmadığında durur ve bir sıradan asılı olan ve asıldığı metinde boyutlandırılan sayaç, burada bir işaretleyici olmayan tek şeydir.

Cümlenin ortasında

Okunduğu gibi ayrı bırakılmış bir kelime: bir versiyon, bir aşama, bir kategori. Nötr ton, çünkü renkli gelen bir işaretleyici, işaretlediği şey hakkında zaten bir iddia ortaya koymuştur — ve bir cümlede iddia edilecek bir şey yoktur.

Sürüm 2.4 Yayımlandı Bu API geçersizdir Geçersiz

Kategoriler

Sıralama yapmadan şeyleri ayıran tonlar. Hiçbir anlam taşımazlar — üçüncünün beşinciden daha iyi olduğunu söyleyen bir şey yoktur — bu da onları bir taksonomi için kullanılabilir kılan tam olarak budur, burada anlam bir yalan olur. Bir durum gibi giyilir: aynı kapsül, aynı ritim.

Nötr ruby grapefruit bittersweet sunflower straw grass mint teal aqua blue-jeans plum lavender pink-rose

Kelimelerle bir durum

Bir cümlede veya bir başlığın yanında duyurulmuş, burada mesajdır, bir sütunda bir işaret değil.

İşlem başarılı Bir hata oluştu Dikkatli ilerleyin Bilginiz için

Onlarca okunan bir durum

Bir sütunda, nötr bir sayımın yanındaki bir tik, iki nesne olarak okunur ve bunların bir tablosu gürültü olarak okunur. Burada renk, rakamı sarar ve sütun tek bir geçişte taranır — kompakt, çünkü bir hücrenin fazladan yeri yoktur.

15 success 15 error 15 warning 15 info 15 running 15 pending 15 paused 15 play 15 skipped 15 disabled

Taşıdığı şey

Durumun ne olduğunu belirten bir kelime, kaç tane olduğunu belirten bir rakam, her ikisi veya hiçbiri. Rakam her zaman geri adım atarak çizilir: durumu nitelendirir, durum değildir.

Geçti 15 Geçti15

Yan yana üç form

Gerçekten okunan yerindeki aynı bilgi. Daire, kapsül için çok dar bir hücre için formdur ve bir durumun miktar olduğunu gösterebilen tek formdur — ve kapsülün doldurduğu renkle çizilir.

Form	success	warning	error	skipped
Kapsül	15	15	15	15
Daire

Daireler

Bir kelime yerine bir daireyle anlatılan bir durum, onlarla okunan bir yer için — bir koşu listesi, bir iş sırası. Halkaya renk taşır, içindeki glif hangi durum olduğunu söyler ve yığmanın her iki tarafı aynı işaretleme ile çizilir.

success error warning info running pending paused play skipped disabled

LED'ler

Yanmış bir nokta ve kelimeleri: bir bakışta okunabilen bir durum, bir özet veya bir hizmetler listesinde bir düzine. Bir işaretçiden daha küçük, bir daireden daha sessiz. kapalı, ışığı yanmayan nokta — sıfırda bir sayı —, çalışan nefes alır.

success info running warning error dev off cat-mint

34 tamam 2 çalışıyor 0 hatalar 0 sıralı

Sayım

Görülmeyi bekleyen kaç tane var, bir hap gibi: bir simgenin veya butonun köşesinde (has-count ebeveyni içinde), belirtilmedikçe kırmızı, 99'un üzerinde 99+; rakam yerine bir kelime (« Yeni ») veya bir nokta; sıfırda istenmediği sürece hiçbir şey. countApply() sayfa değiştikçe birini güncel tutar.

3 99+ 12 2 Yeni

Gelen Kutusu 4 error 7 warning 14 success 21 info 28 accent 35 Sıfır gösterildi 0

Bir miktar olan durum

Bir koşu, içinde bir miktar olan tek durumdur, bu yüzden halkası koşunun ne kadar ilerlediği kadar çizilir. Twig, kendisine verilen değeri yazdırır; sonrasında taşımak tarayıcının işidir.

0% 25% 50% 75% 100%

Daire boyutları

Bir işaretleyicinin yanındaki sayaç

Kalan tek ayrım ve bu anlamla ilgili değil. Solda bir sayaç: bir şeyin on iki tanesi, ona giden sıradan asılı ve o sıranın kendi metninde boyutlandırılmış. Sağda bir işaretleyici: iyi giden bir şeyin on iki tanesi, kendine ait olarak duruyor ve tokenlerle boyutlandırılmış. Bir menü öğesinin yanındaki bir sayı bir sayacıdır; bir boru hattı sütunundaki aynı rakam bir işaretleyicidir.

12 12

Vue

Aynı bileşen, sürücü: türü veya değeri değiştirmek, yayı yeniden çizmek yerine yay hareket ettirir. Bu, durumun okuyucunun gözleri önünde değişeceği zaman bir uygulamanın yerleştirdiği şeydir.

Kullanım

{{ marker('success', 'Operation successful') }}
{{ marker('success', null, { count: 15, compact: true }) }}
{{ status_icon('running', { progress: 0.4 }) }}