UI Kits
Sections

Feature Grid

Three-column product or service feature section.

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
<section class="ap-feature-grid"><article><h3>Fast setup</h3><p>Start with useful defaults.</p></article><article><h3>Flexible</h3><p>Adapt the system as needs change.</p></article><article><h3>Practical</h3><p>Focus on the work that matters.</p></article></section>
Related components

More in Sections