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-contact-section"><div><span>Contact</span><h2>Talk with our team.</h2><p>Tell us what you need and we will follow up.</p><strong>contact@example.com</strong></div><form><input placeholder="Name"><input placeholder="Email"><textarea placeholder="How can we help?"></textarea><button>Send message</button></form></section>Related components