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-pricing"><article><h3>Starter</h3><strong>$39</strong><p>For smaller teams.</p><button>Choose Starter</button></article><article class="featured"><h3>Growth</h3><strong>$89</strong><p>For growing operations.</p><button>Choose Growth</button></article><article><h3>Pro</h3><strong>$179</strong><p>For larger teams.</p><button>Choose Pro</button></article></section>Related components