UI Kits
Sections

Article Header

Article title, metadata, and introduction.

Usage guidance

When to use it.

Use sections to structure complete page content and maintain consistent vertical rhythm.

Accessibility

Implementation notes.

  • Maintain heading hierarchy.
  • Keep text contrast readable.
  • Do not hide essential content at narrow breakpoints.
Release QA

Implementation checklist.

0/3
Handoff notes

Implementation notes for this component.

Quick section export
<header class="ap-article-header"><span>Guides · 8 min read</span><h1>Designing interfaces people can understand quickly.</h1><p>Use structure, contrast, and consistency to make complex workflows easier to use.</p><strong>By AblePro</strong></header>
Related components

More in Sections