When to use it.
Use sections to structure complete page content and maintain consistent vertical rhythm.
Implementation notes.
- Maintain heading hierarchy.
- Keep text contrast readable.
- Do not hide essential content at narrow breakpoints.
Release QA
0/3Implementation checklist.
Handoff notes
Implementation notes for this component.
Quick section export
<section class="ap-blog-list"><article><span>Product</span><h3>How to simplify recurring work</h3><p>Practical ways to reduce friction in everyday operations.</p><a>Read article →</a></article><article><span>Guides</span><h3>Building a better dashboard</h3><p>What to include and what to leave out.</p><a>Read article →</a></article></section>Related components