বরাদ্দের বেশি
পার্শিয়ালে ভরাট ১০০%-এ সীমাবদ্ধ থাকে।
stat
ড্যাশবোর্ডে একটি সংখ্যা, তার লেবেল আর কতটা বদলেছে সহ।
বড় সংখ্যাটি
এটি <div rst-stats>-এর ভেতরে রাখুন।
<divrst-stat="lead">
<spanrst-stat-label>এই মাসের আয়</span>
<spanrst-stat-num>€48,210</span>
<spanrst-stat-deltarst-tone="positive">+12%</span>
<spanrst-stat-note>গত মাসের তুলনায়</span>
</div>
এটি <div rst-stats>-এর ভেতরে রাখুন।
{{template"stat"dict"Label""এই মাসের আয়""Value""€48,210""Delta""+12%""Tone""positive""Note""গত মাসের তুলনায়""Lead"true}}
সারির কোনও একটি সংখ্যায় Lead যোগ করুন, সেটি বড় হয়ে যাবে। একই কম্পোনেন্ট, শুধু বড়।
৪১২০-এর বদলে 4.1k দেখাচ্ছেন? পুরো সংখ্যাটি Exact-এ রাখুন। স্ক্রিন রিডার কেবল পর্দায় যা আছে তা-ই পড়ে, তাই মানুষের প্রয়োজনীয় সবকিছু সংখ্যাটির ভিতরেই রাখুন।
person
আদ্যক্ষরের অবতার, নাম আর ইমেল। মানুষের রেকর্ড দ্রুত চিনতে কাজে লাগে।
<arst-personhref="/people/3">
<spanrst-person-av="empty"aria-hidden="true"></span>
<spanrst-person-meta>
<spanrst-person-name>গ্রহণ না করা আমন্ত্রণ</span>
<spanrst-person-email>invited@example.com</span>
</span>
</a>
{{template"person"dict"Href""/people/3""Name""গ্রহণ না করা আমন্ত্রণ""Email""invited@example.com"}}
actor
কে কী করেছে, শব্দে: একজন ব্যক্তির নাম, অথবা এজেন্ট আর যার হয়ে সে কাজ করেছে। কোনো ব্যাজ নেই, কোনো আইকন নেই।
একজন ব্যক্তির হয়ে কাজ করা এজেন্ট
<spanrst-actor>Grace Hopper-এর জন্য Claude</span>
{{template"actor"dict"Actor".Actor}}
subject-কে নামে বদলাতে বুটের সময় একবার ui.ActorName সেট করুন। অ্যাপ নিজে, অর্থাৎ শূন্য Actor, কিছুই রেন্ডার করে না।
একজন ব্যক্তি
<spanrst-actor>Grace Hopper</span>
{{template"actor"dict"Actor".Actor}}
callout
সতর্কবার্তার একমাত্র শব্দভান্ডার: রঙিন পট্টি, টোনের আইকন, ঐচ্ছিক মোটা শিরোনাম, আর একটি অনুচ্ছেদ।
info
<divrst-calloutrst-tone="info">
<spanrst-callout-icaria-hidden="true">
<svgclass="icon"viewBox="0 0 24 24"fill="none"stroke="currentColor"stroke-width="2"stroke-linecap="round"stroke-linejoin="round"aria-hidden="true"><circlecx="12"cy="12"r="10"/><pathd="M12 16v-4"/><pathd="M12 8h.01"/></svg>
</span>
<divrst-callout-body>
<p>সাইট প্রকাশিত না হওয়া পর্যন্ত পোস্টগুলো শুধু সদস্যরা দেখতে পান।</p>
</div>
</div>
{{template"callout"dict"Body""সাইট প্রকাশিত না হওয়া পর্যন্ত পোস্টগুলো শুধু সদস্যরা দেখতে পান।""Tone""info"}}
{{template"callout"dict"Body""এখন আপনি টিকিটের পেমেন্ট নিতে পারেন।""Title""পেমেন্ট সংযুক্ত হয়েছে""Tone""positive"}}
warning
<divrst-calloutrst-tone="warning">
<spanrst-callout-icaria-hidden="true">
<svgclass="icon"viewBox="0 0 24 24"fill="none"stroke="currentColor"stroke-width="2"stroke-linecap="round"stroke-linejoin="round"aria-hidden="true"><pathd="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"/><pathd="M12 9v4"/><pathd="M12 17h.01"/></svg>
</span>
<divrst-callout-body>
<strong>বিক্রি শুরু করতে পেমেন্ট সংযুক্ত করুন</strong>
<p>আপনার ইভেন্ট চালু আছে, কিন্তু এখনও পেমেন্ট নিতে পারছে না।</p>
</div>
</div>
{{template"callout"dict"Body""আপনার ইভেন্ট চালু আছে, কিন্তু এখনও পেমেন্ট নিতে পারছে না।""Title""বিক্রি শুরু করতে পেমেন্ট সংযুক্ত করুন""Tone""warning"}}
negative
<divrst-calloutrst-tone="negative">
<spanrst-callout-icaria-hidden="true">
<svgclass="icon"viewBox="0 0 24 24"fill="none"stroke="currentColor"stroke-width="2"stroke-linecap="round"stroke-linejoin="round"aria-hidden="true"><circlecx="12"cy="12"r="10"/><pathd="m15 9-6 6"/><pathd="m9 9 6 6"/></svg>
</span>
<divrst-callout-body>
<strong>শেষ ইমপোর্ট ব্যর্থ হয়েছে</strong>
<p>কিছুই বদলানো হয়নি। সারি 91 ঠিক করে আবার চেষ্টা করুন।</p>
</div>
</div>
{{template"callout"dict"Body""কিছুই বদলানো হয়নি। সারি 91 ঠিক করে আবার চেষ্টা করুন।""Title""শেষ ইমপোর্ট ব্যর্থ হয়েছে""Tone""negative"}}
negative, সতর্কবার্তা হিসেবে ঘোষিত
<divrst-calloutrst-tone="negative"role="alert">
<spanrst-callout-icaria-hidden="true">
<svgclass="icon"viewBox="0 0 24 24"fill="none"stroke="currentColor"stroke-width="2"stroke-linecap="round"stroke-linejoin="round"aria-hidden="true"><circlecx="12"cy="12"r="10"/><pathd="m15 9-6 6"/><pathd="m9 9 6 6"/></svg>
</span>
<divrst-callout-body>
<strong>ইমপোর্ট থেমে গেছে</strong>
<p>কিছুই বদলানো হয়নি। সারি 91 ঠিক করে আবার চেষ্টা করুন।</p>
</div>
</div>
{{template"callout"dict"Body""কিছুই বদলানো হয়নি। সারি 91 ঠিক করে আবার চেষ্টা করুন।""Title""ইমপোর্ট থেমে গেছে""Tone""negative""Alert"true}}
alert, role="alert" যোগ করে যাতে গুরুত্বপূর্ণ বার্তা দেখানো যায়।
detail-list
বিস্তারিত স্ক্রিনে কোনও রেকর্ড সম্পর্কে ডেফিনিশন লিস্ট। মেশিনঘেঁষা মানের জন্য মনো চিহ্ন।