علامات

كبسولة واحدة لكل شيء قيل عن شيء ما في كلمة: حالة، اسم، إصدار، فئة. كانا كائنين حتى اليوم الذي وقف فيه رمز وحالة بجانب بعضهما البعض في رأس واحد، برأس واحد، ولم يستطع أحد أن يقول ما تعنيه الفرق — لذا الشكل واحد والنغمة هي كل ما يميز بينهما. ما تحمله مجاني: كلمة، رقم، رمز، أو اثنان من الثلاثة. الدائرة تقف حيث لا يوجد مكان لكبسولة، والعداد، الذي يتدلى من صف ويتم حجمه بالنص الذي يتدلى منه، هو الشيء الوحيد هنا الذي ليس علامة.

في وسط جملة

كلمة مميزة كما تُقرأ: إصدار، مرحلة، فئة. النغمة المحايدة، لأن علامة تصل ملونة قد قامت بالفعل بمطالبة حول ما تشير إليه — وفي جملة لا يوجد شيء للمطالبة به.

الإصدار 2.4 هو تم الإصدار هذه واجهة برمجة التطبيقات ملغى

الفئات

نغمات تميز الأشياء دون تصنيفها. لا تحمل أي معنى — لا شيء يقول أن الثالث أفضل من الخامس — وهذا بالضبط ما يجعلها قابلة للاستخدام في تصنيف، حيث سيكون المعنى كذبة. تُرتدي تمامًا كما هي الحالة: نفس الكبسولة، نفس الإيقاع.

محايد ruby grapefruit bittersweet sunflower straw grass mint teal aqua blue-jeans plum lavender pink-rose

حالة بالكلمات

مُعلنة في جملة أو بجانب عنوان، حيث تكون هي الرسالة بدلاً من علامة في عمود.

تمت العملية بنجاح حدث خطأ تابع بحذر للمعلومات الخاصة بك

حالة تُقرأ بالعشرات

في عمود، علامة بجانب عدد محايد تُقرأ ككائنين و جدول منها يُقرأ كضجيج. هنا اللون يحيط بالشكل والعمود يمسح في تمريرة واحدة — مضغوط، لأن الخلية ليس لديها مكان للتوفير.

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

ما تحمله

كلمة لما هي الحالة، رقم لعددها، كلاهما، أو لا شيء. الرقم دائمًا ما يُرسم خطوة إلى الوراء عن البقية: يُؤهل الحالة، وليس الحالة.

تمت الموافقة 15 تمت الموافقة15

الأشكال الثلاثة جنبًا إلى جنب

نفس المعلومات في المكان الذي تُقرأ فيه فعليًا. الدائرة هي الشكل لخلية ضيقة جدًا لكبسولة، وهي الوحيدة التي يمكن أن تظهر حالة ككمية — ويتم رسمها بنفس اللون الذي تملؤه الكبسولة.

شكل	success	warning	error	skipped
كبسولة	15	15	15	15
دائرة

دوائر

حالة تُروى بدائرة بدلاً من كلمة، لمكان تُقرأ فيه الحالات بالعشرات — قائمة من الجولات، صف من الوظائف. الحلقة تحمل اللون، والرمز داخلها يقول أي حالة هي، وكلا جانبي الكومة يرسمان نفس العلامة.

success error warning info running pending paused play skipped disabled

LEDs

نقطة مضيئة وكلماتها: حالة تُقرأ من لمحة في خط، بالعشرات في ملخص أو قائمة خدمات. أصغر من علامة، وأهدأ من دائرة. off هي النقطة غير المضيئة — عدد عند الصفر —، الجاري يتنفس.

success info running warning error dev off cat-mint

34 حسناً 2 جاري 0 أخطاء 0 قيد الانتظار

العدادات

كم عدد العناصر التي تنتظر أن تُرى، كحبّة: على زاوية أيقونة أو زر (في عنصر أب يحتوي على عداد)، باللون الأحمر ما لم يُذكر غير ذلك، 99+ بعد 99؛ كلمة (« جديد ») أو نقطة بدلاً من الرقم؛ لا شيء عند الصفر ما لم يُطلب. countApply() يحافظ على تحديث العدد مع تغيّر الصفحة.

3 99+ 12 2 جديد

صندوق الوارد 4 error 7 warning 14 success 21 info 28 accent 35 مظهر عند الصفر 0

حالة هي كمية

الجولة هي الحالة الوحيدة التي لها مقدار، لذا يتم رسم حلقتها بقدر ما وصلت إليه الجولة. طباعة Twig القيمة المعطاة لها؛ تحريكها لاحقًا هو من مسؤولية المتصفح.

0% 25% 50% 75% 100%

أحجام الدوائر

عداد بجانب علامة

التمييز الوحيد المتبقي، وليس له علاقة بالمعنى. على اليسار عداد: اثنا عشر من شيء، يتدلى من الصف الذي يقوده ويتم حجمه بنص ذلك الصف. على اليمين علامة: اثنا عشر من شيء سار بشكل جيد، واقفًا بمفرده وحجمه بالرموز. العد بجانب عنصر القائمة هو عداد؛ نفس الرقم في عمود خط أنابيب هو علامة.

12 12

Vue

نفس المكون، مدفوع: تغيير النوع أو القيمة يحرك القوس بدلاً من إعادة رسمه. هذا ما تضعه التطبيق عندما ستتغير الحالة أمام أعين القارئ.

الاستخدام

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