مارکر
مارکر
ایک کیپسول ہر چیز کے بارے میں کہا گیا ایک لفظ میں: ایک حالت، ایک نام، ایک ورژن، ایک زمرہ۔ یہ دو اشیاء تھیں جب تک کہ ایک دن ایک کوڈ اور ایک حالت ایک ہی ہیڈر میں ساتھ ساتھ کھڑی نہیں ہو گئیں، ایک سر کے فاصلے پر، اور کوئی نہیں کہہ سکا کہ اس فرق کا کیا مطلب تھا — تو شکل ایک ہے اور لہجہ وہ سب کچھ ہے جو انہیں الگ کرتا ہے۔ جو وہ لے کر آتا ہے وہ آزاد ہے: ایک لفظ، ایک عدد، ایک گلیف، یا ان تینوں میں سے دو۔ دائرہ وہاں ہوتا ہے جہاں کیپسول کے لیے کوئی جگہ نہیں ہوتی، اور کاؤنٹر، جو ایک قطار سے لٹکتا ہے اور اس کے لٹکنے والے متن میں سائز میں ہوتا ہے، یہاں ایک ہی چیز ہے جو نشان نہیں ہے۔
ایک جملے کے درمیان
ایک لفظ جو پڑھتے وقت الگ ہوتا ہے: ایک ورژن، ایک مرحلہ، ایک زمرہ۔ نیوٹرل لہجہ، کیونکہ ایک نشان جو رنگین آتا ہے پہلے ہی یہ دعویٰ کر چکا ہے کہ وہ کیا نشان زد کرتا ہے — اور ایک جملے میں کچھ بھی دعویٰ کرنے کے لیے نہیں ہوتا۔
ورژن 2.4 ہے جاری کیا گیا یہ API ہے مسترد کر دیا گیا
زمرے
لہجے جو چیزوں کو الگ کرتے ہیں بغیر انہیں رینک کیے۔ ان کا کوئی معنی نہیں ہوتا — کچھ بھی نہیں کہتا کہ تیسرا پانچویں سے بہتر ہے — جو انہیں ایک درجہ بندی کے لیے قابل استعمال بناتا ہے، جہاں معنی جھوٹ ہوتا۔ بالکل ویسے ہی پہنا جاتا ہے جیسے ایک حالت: ایک ہی کیپسول، ایک ہی ردھم۔
نیوٹرل
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
ایل ای ڈیز
ایک روشن نقطہ اور اس کے الفاظ: ایک نظر میں ایک لائن میں پڑھی جانے والی حالت، ایک خلاصہ یا خدمات کی فہرست میں درجنوں میں۔ ایک نشان سے چھوٹا، ایک دائرے سے خاموش۔ بند کا مطلب ہے کہ نقطہ نہ جلا ہو — زیرو پر گنتی —، چل رہا ہے سانس لیتا ہے.
success
info
running
warning
error
dev
off
cat-mint
34 ٹھیک ہے
2 چل رہا ہے
0 غلطیاں
0 قطار میں
گنتی
کتنے دیکھنے کے منتظر ہیں، ایک گولے کی طرح: ایک آئیکون یا بٹن کے کونے پر (has-count والدین میں)، جب تک کچھ نہ کہا جائے، سرخ؛ 99+ 99 سے زیادہ؛ ایک لفظ (« نیا ») یا عدد کے بجائے ایک نقطہ؛ زیرو پر کچھ نہیں جب تک پوچھا نہ جائے۔ countApply() ایک کو موجودہ رکھتا ہے جیسے جیسے صفحہ تبدیل ہوتا ہے۔
2
ان باکس 4
error 7
warning 14
success 21
info 28
accent 35
زیرو پر دکھایا گیا 0
ایک حالت جو مقدار ہے
ایک دوڑ ایک ایسی حالت ہے جس میں ایک مقدار ہوتی ہے، لہذا اس کا دائرہ اس حد تک کھینچا جاتا ہے جہاں دوڑ پہنچی ہے۔ ٹویگ وہ قیمت پرنٹ کرتا ہے جو اسے دی گئی ہے؛ اس کے بعد اسے منتقل کرنا براؤزر کا کام ہے۔
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 }) }}