CSS: rubric-note ​

div[class~="instui-rubric-note"] — संरचित नोट जिसमें रुब्रिक श्रेणियाँ और स्कोरिंग संकेतक हों।

✅ Rubric-Note का उपयोग करें जब:

  • ग्रेडिंग रुब्रिक या आकलन मानदंड दिखा रहे हों

  • आपको सामग्री को श्रेणीवार स्कोर या संकेतकों के साथ संरचित करने की आवश्यकता हो

  • लेआउट में संरचना और पदानुक्रम पर बल होना चाहिए 🚫 Rubric-Note का उपयोग न करें जब:

  • सरल नोट्स या टिप्पणियाँ दिखा रहे हों — इसके बजाय Callout का उपयोग करें

  • जटिल ग्रेडिंग लॉजिक आवश्यक हो — कस्टम कॉम्पोनेन्ट पर विचार करें

एक्सेसिबिलिटी ​

  • यदि वास्तविक रुब्रिक पंक्तियों और स्तंभों के साथ दिखा रहे हैं तो टेबल सेमांटिक्स का उपयोग करें
  • सुनिश्चित करें कि स्कोर संकेतक केवल रंग पर निर्भर न हों
  • प्रत्येक श्रेणी के लिए वर्णनात्मक लेबल प्रदान करें

उपयोग ​

css
@import "@pantoken/plugin-layouts/layouts.css";

पार्ट्स ​

भागविवरण
.instui-criteriaरुब्रिक मानदंड पंक्तियों के लिए कंटेनर।
.instui-descriptionमानदंड का विस्तृत वर्णन।
.instui-headerशीर्षक और मेटाडेटा वाला हेडर।
.instui-nameमानदंड का नाम या श्रेणी।
.instui-rowव्यक्तिगत मानदंड पंक्ति।
.instui-scoreस्कोर संकेतक या बैज।

स्टेट्स ​

स्थितिविवरण
:optional—

उपयोग किये गए टोकन ​

Tokenप्रकारमान
--instui-color-background——
--instui-color-border——
--instui-color-info-background——
--instui-color-info-text——
--instui-color-primary——
--instui-color-surface——
--instui-color-text-secondary——
--instui-font-size-small<length>—
--instui-font-weight-semibold——
--instui-radius-medium——
--instui-space-medium——
--instui-space-small——

संबंधित ​