Hidden-এ কিছুই বলে না কোন জোড়াটি পাতা, তাই ডিফল্ট আচরণ page=4 এমন একটি ফলাফলের সেটে নিয়ে যাবে যেখানে আর চারটি পাতা নেই। অ্যাপ ClearHref দিয়ে সেটি আবার শুরুতে নিয়ে যায়।
ট্যাব দিয়ে এখানে না আসা পর্যন্ত কিছুই দেখা যায় না।
list-row-action
একটি তালিকা সারি: রেকর্ডের নাম মূল লিংক হিসেবে, একটি মেটা লাইন, আর একটি গৌণ ক্রিয়া।
শুরুর চিহ্ন, অবস্থা আর একটি কাজ
এটি <div rst-list>-এর ভেতরে রাখুন।
<divrst-row>
<spanrst-row-leaddata-lead="accent"aria-hidden="true">RN</span>
<spanrst-row-main><ahref="/posts/1">রিলিজ নোট, আগস্ট</a>
<smallrst-row-sub>2 আগস্ট প্রকাশিত · পড়তে 4 মিনিট</small>
</span>
<spanrst-statusrst-tone="positive">প্রকাশিত</span>
<arst-row-actionhref="/posts/1/edit"aria-label="সম্পাদনা করুন: রিলিজ নোট, আগস্ট">সম্পাদনা</a>
</div>
এটি <div rst-list>-এর ভেতরে রাখুন।
{{template"list-row-action"dict"Href""/posts/1""Main""রিলিজ নোট, আগস্ট""Sub""2 আগস্ট প্রকাশিত · পড়তে 4 মিনিট""ActionHref""/posts/1/edit""ActionLabel""সম্পাদনা""ActionAria""সম্পাদনা করুন: রিলিজ নোট, আগস্ট""StatusTone""positive""StatusLabel""প্রকাশিত""Lead""accent""LeadInitial""RN"}}
শুধু নাম আর মেটা লাইন
এটি <div rst-list>-এর ভেতরে রাখুন।
<divrst-row>
<spanrst-row-main><ahref="/posts/2">কেন আমরা পুরোনো রানার ছেড়ে দিলাম</a>
<smallrst-row-sub>খসড়া · 20 মিনিট আগে সংরক্ষিত</small>
</span>
</div>
এটি <div rst-list>-এর ভেতরে রাখুন।
{{template"list-row-action"dict"Href""/posts/2""Main""কেন আমরা পুরোনো রানার ছেড়ে দিলাম""Sub""খসড়া · 20 মিনিট আগে সংরক্ষিত"}}
row-menu
একটি সারির অন্য কাজগুলো, একটি ⋮ বোতামের পিছনে। ধ্বংসাত্মক কাজটি তার নিশ্চিতকরণ পৃষ্ঠায় নিয়ে যায়।
{{template"bulk-bar"dict"DoneHref""/posts""Count""3টি নির্বাচিত""EscalateHref""/posts?select=all""EscalateLabel""মিলে যাওয়া সব 412টি নির্বাচন করুন""Actions" (list
(dict"Label""এক্সপোর্ট করুন""Value""export")
(dict"Label""প্রকাশ তুলে নিন""Value""unpublish")
(dict"Danger"true"Label""মুছুন…""Value""delete"))
"MenuLabel""পদক্ষেপ"}}
ধ্বংসাত্মক আইটেমটি সবার শেষে থাকে: প্রথম এন্ট্রিটিই সেই ডিফল্ট, যা ঘিরে থাকা ফর্মে Enter চাপলে চলে যায়।
media-grid
ছবির টাইলের একটি গ্রিড। প্রতিটি ফ্রেম 4:3, তাই লম্বা স্ক্রিনশট আর চওড়া ব্যানার একই সমান গ্রিডে বসে।
গ্রিড আর একটি bulk-bar একই ফর্মে রাখুন। প্রতিটি চেকবক্স "id" নামে তার টাইলের Select মান পাঠায়; বদলাতে SelectName সেট করুন। ফর্মের ভেতরে মেনুর আইটেমগুলো অবশ্যই লিংক হবে।
pagination
সাধারণ লিঙ্কের একটি নম্বরযুক্ত সারি, যাতে JavaScript বন্ধ থাকলেও পাতা বদল কাজ করে।
কোনো Label নেই, তাই nav-এর অ্যাক্সেসযোগ্য নাম ক্যাটালগ থেকে আসে।
empty-state
খালি-অবস্থার কার্ড। খালি অবস্থা, সঙ্গে শুরু করার পথ।
POST দিয়ে করা একটি আহ্বানসহ
<divrst-empty>
<h2rst-empty-title>এখানে এখনও কিছু নেই</h2>
<prst-empty-body>এখনও কোনো পোস্ট নেই। প্রথমটি দিয়েই শুরু করা ভালো।</p>
<formrst-empty-ctamethod="post"action="/posts/seed">
<inputtype="hidden"name="csrf"value="tok-123">
<buttonrst-btn="primary"type="submit">নমুনা পোস্ট যোগ করুন</button>
</form>
</div>
{{template"empty-state"dict"Body""এখনও কোনো পোস্ট নেই। প্রথমটি দিয়েই শুরু করা ভালো।""Title""এখানে এখনও কিছু নেই""ActionLabel""নমুনা পোস্ট যোগ করুন""PostAction""/posts/seed""Hidden" (list (list"csrf""tok-123"))}}
শুধু বাক্যটি
<divrst-empty>
<prst-empty-body>এই পোস্টে এখনও কোনো মন্তব্য নেই।</p>
</div>
{{template"empty-state"dict"Body""এই পোস্টে এখনও কোনো মন্তব্য নেই।"}}