نظرة عامة على كل ما يوفّره نظام التصميم. السمة: day. اللغة: العربية.
شاشة القائمة
شاشة قائمة عامة فيها عنوان وشريط أدوات وصفوف، تعمل على سطح المكتب وعلى الهاتف.
عناصر واجهة جاهزة ومتّسقة فيما بينها، تُبنى في الخادم.
مفردات إطار العمل نفسه تسمّيها partials: تُرجع ui.Templates() قيم partials، ويوثّقها docs/site/templates.md بهذا الاسم. تغيّرت الكلمة في هذه الصفحة، ولم تتغيّر في الشيفرة.
ليس في Hidden ما يدلّ على أيّ زوج هو الصفحة، فالسلوك الافتراضي ينقل page=4 إلى مجموعة نتائج لم تعد فيها أربع صفحات. وClearHref هو ما يعيد التطبيق به الضبط.
<div rst-list><div rst-row>
<span rst-row-main><a href="/posts/2">Why we moved off the old runner</a><small rst-row-sub>Draft · saved 20 minutes ago</small></span>
</div></div>
seg-tabs
عنصر تحكّم مقسّم مكوّن من روابط تُبنى في الخادم. التبويب الحالي هو aria-current على رابط.
لا يوجد Label، فيأتي الاسم الوصفي لعنصر nav من الفهرس.
empty-state
بطاقة الحالة الفارغة. حالة فارغة مع مداخل للخطوات الأولى.
مع دعوة إلى إجراء عبر POST
<div rst-empty>
<h2 rst-empty-title>Nothing here yet</h2>
<p rst-empty-body>No posts yet. Your first one is a good place to start.</p>
<form rst-empty-cta method="post" action="/posts/seed">
<input type="hidden" name="csrf" value="tok-123">
<button rst-btn="primary" type="submit">Add sample posts</button>
</form>
</div>
الجملة وحدها
<div rst-empty>
<p rst-empty-body>No comments on this post yet.</p>
</div>