UI Kits
Cards

Feature Card

Feature explanation card for websites and SaaS.

Usage guidance

When to use it.

Use cards to group related information, not as decoration for every piece of content.

Accessibility

Implementation notes.

  • Avoid making nested interactive elements conflict with a clickable card.
  • Use semantic headings in document order.
  • Ensure controls have visible focus states.
Release QA

Implementation checklist.

0/3
Handoff notes

Implementation notes for this component.

Quick section export
<article class="ap-feature"><span>01</span><h3>Easy to customize</h3><p>Use simple variables and classes to adapt the component.</p></article>
Related components

More in Cards