ब्लॉक

ब्लॉक

बुनियादी ब्लॉक

प्राथमिक ब्लॉक

एक ब्लॉक जिसमें शीर्षक और शरीर का पाठ हो।

पैडिंग के बिना ब्लॉक (block--body का उपयोग करते हुए)।

ब्लॉक शीर्षक

एक ब्लॉक जिसमें शीर्षक और शरीर का पाठ हो।

प्राथमिक ब्लॉक

एक ब्लॉक जिसमें शीर्षक और शरीर का पाठ हो।

द्वितीयक ब्लॉक

स्पेसिंग प्रदर्शित करने के लिए एक और ब्लॉक।

प्राथमिक ब्लॉक

एक ब्लॉक जिसमें शीर्षक और शरीर का पाठ हो।

द्वितीयक ब्लॉक

स्पेसिंग प्रदर्शित करने के लिए एक और ब्लॉक।

तृतीयक ब्लॉक

पंक्ति में एक तीसरा ब्लॉक।

प्राथमिक ब्लॉक

एक ब्लॉक जिसमें शीर्षक और शरीर का पाठ हो।

द्वितीयक ब्लॉक

स्पेसिंग प्रदर्शित करने के लिए एक और ब्लॉक।

तृतीयक ब्लॉक

पंक्ति में एक तीसरा ब्लॉक।

चतुर्थक ब्लॉक

लेआउट डेमो के लिए एक चौथा ब्लॉक।

द्वितीयक ब्लॉक

स्पेसिंग प्रदर्शित करने के लिए एक और ब्लॉक।

उन्नत ब्लॉक

पाइपलाइन प्रक्षिप्ति तैयार

यह ब्लॉक शीर्षक स्लॉट और सामग्री को एकल पुन: प्रयोज्य संरचना में संयोजित करता है।

ऑपरेटर बिना वर्तमान संदर्भ छोड़े जोड़े जा सकते हैं।

मुख्य क्षेत्र

मुख्य सामग्री प्राकृतिक रूप से मानक स्पेसिंग के साथ बढ़ सकती है।

साइड क्षेत्र

यह साइड क्षेत्र हल्के पृष्ठभूमि का उपयोग करता है ताकि पूरक सामग्री को उजागर किया जा सके।

तीन-क्षेत्र लेआउट ड्राफ्ट

बाईं पैनल

माध्यमिक नेविगेशन या मेटाडेटा यहां रह सकता है।

मुख्य सामग्री

प्राथमिक जानकारी पठनीयता के लिए केंद्रित रहती है।

दाईं पैनल

संदर्भ कार्य और अंतर्दृष्टियाँ इस पक्ष पर समूहित की जा सकती हैं।

फिक्स्ड साइड कॉलम

एक संकीर्ण कॉलम जो --size स्केल पर माप लिया गया है, एक शरीर के बगल में जो शेष चौड़ाई को अवशोषित करता है।
128 प्रक्षिप्तियाँ

प्राथमिक ब्लॉक

एक ब्लॉक जिसमें शीर्षक और शरीर का पाठ हो।

द्वितीयक ब्लॉक

स्पेसिंग प्रदर्शित करने के लिए एक और ब्लॉक।

कार्ड

प्राथमिक ब्लॉक

एक ब्लॉक जिसमें शीर्षक और शरीर का पाठ हो।

द्वितीयक ब्लॉक

स्पेसिंग प्रदर्शित करने के लिए एक और ब्लॉक।

तृतीयक ब्लॉक

पंक्ति में एक तीसरा ब्लॉक।

कोने में एक चिह्न

`block--mark` एक ब्लॉक की शुरुआत में शीर्ष कोने में एक छोटा आइकन लगाता है: यह क्या है — एक आरेख में रखी गई कार्ड का प्रकार, एक दस्तावेज़ का प्रकार —, जो यह कहता है उसके बगल में, कोई शीर्षक नहीं।

प्राथमिक ब्लॉक

एक ब्लॉक जिसमें शीर्षक और शरीर का पाठ हो।

प्राथमिक ब्लॉक

एक ब्लॉक जिसमें शीर्षक और शरीर का पाठ हो।

प्राथमिक ब्लॉक

एक ब्लॉक जिसमें शीर्षक और शरीर का पाठ हो।

एक लिंक होने वाला ब्लॉक

पूरा कार्ड लिंक है — एक विकल्प के लिए जो कई कार्ड में से एक को चुनने से बनाया गया है: एक योजना, एक शाखा, एक टेम्पलेट। यह पाठ के रूप में पढ़ता है, मौन क्रिया के रूप में नहीं; पॉइंटर के तहत इसकी ज़मीन एक बारीकी लेती है और इसका किनारा मजबूत हो जाता है, और कीबोर्ड इसे हर नियंत्रण द्वारा पहचाने जाने वाले फोकस रिंग से ढूंढता है।

आकृतियाँ

एक एकल ओवरसाइज़्ड मान या आइकन, केंद्रित। डैशबोर्ड काउंटर और स्थिति टाइल के लिए उपयोग किया जाता है — टाइल को चौकोर रखने के लिए block--square जोड़ें चाहे इसकी चौड़ाई कोई भी हो।
128 प्रक्षिप्तियाँ
99.9% अपटाइम
सीधा
थ्रूपुट
42 प्रति सेकंड घटनाएँ

मुख्य आंकड़े

जिस आंकड़े को डैशबोर्ड के मुख्य आंकड़े के रूप में पढ़ा जाता है: `block--figure--start` इसे पंक्ति की शुरुआत से लगाता है, लेबल ऊपर, मान इसके यूनिट के साथ पीछे सेट किया गया (`block--figure-unit`), और इसके नीचे एक पंक्ति कहती है कि यह किससे बना है (`block--figure-sub`)। `block--tone-cat-<name>` श्रेणी की बार को किनारे के नीचे खींचता है; एक `a.block--link` आंकड़े का दृश्य खोलता है। एक `grid` में, पंक्ति संकीर्ण होने पर कई पंक्तियों में जाती है।

एक टोन ले जाने वाला ब्लॉक

एक राज्य का रंग — या एक श्रेणी का — अग्रणी किनारे पर एक बार के रूप में, और कुछ नहीं: वही बार एक संदेश पहनता है, बिना रंगीन ज़मीन के, ताकि उनकी सूची एक सूची के रूप में पढ़ी जाए और अलार्म के रूप में नहीं। कोई भी ब्लॉक इसे ले सकता है, एक बार जो एक ब्लॉक पर खड़ा है।
block--tone-info — ज़मीन ब्लॉक की अपनी है, केवल अग्रणी किनारा रंग ले जाता है।
block--tone-success — ज़मीन ब्लॉक की अपनी है, केवल अग्रणी किनारा रंग ले जाता है।
block--tone-warning — ज़मीन ब्लॉक की अपनी है, केवल अग्रणी किनारा रंग ले जाता है।
block--tone-error — ज़मीन ब्लॉक की अपनी है, केवल अग्रणी किनारा रंग ले जाता है।
block--tone-cat-lavender — ज़मीन ब्लॉक की अपनी है, केवल अग्रणी किनारा रंग ले जाता है।

स्टैक

क्षैतिज

समान कॉलम, पूर्ण चौड़ाई, ओवरफ्लो पर लपेटता है।
एक
दो
तीन
चार

ऊर्ध्वाधर

स्टैक्ड पंक्तियाँ, पूर्ण चौड़ाई, समान गैप।
एक
दो
तीन

विभाजित

पहला बच्चा बढ़ता है, अंतिम बच्चा स्थिर रहता है — लीड + क्रिया पंक्तियों के लिए उपयोग किया जाता है।
इस लीड टेक्स्ट में क्रिया का वर्णन करें।

कोने में क्रियाएँ

`has-corner-actions` एक फ्रेम पर — एक लीड, एक ब्लॉक, एक कोड ब्लॉक, एक संदेश — और इसके आइकन क्रियाएँ एक `corner-actions` के अंदर: इसके अंत में शीर्ष कोने में, जब फ्रेम पर इंगित किया जाता है या कीबोर्ड को पकड़े हुए होता है, हमेशा एक स्क्रीन पर बिना पॉइंटर के (`corner-actions--always` उन्हें हमेशा दिखाने के लिए)। एक चलती हुई टेक्स्ट वाला फ्रेम उनके लिए एक कॉलम खाली रखता है।
इस लीड को इसके कोने में बटन के साथ कॉपी किया जा सकता है।
एक ब्लॉक जिसमें इसके कोने में दो क्रियाएँ हैं, जब तक कि इसे इंगित नहीं किया जाता तब तक रास्ते से बाहर।

जुड़ा हुआ

क्षैतिज स्टैक जिसमें ऊर्ध्वाधर स्टैक होते हैं — सामान्य डैशबोर्ड ग्रिड।
ONEONE
ONETWO
ONETHREE
TWOONE
TWOTWO
TWOTHREE
THREEONE
THREETWO
THREETHREE