UI Kits
Feedback

Notification Center

Notification list panel.

Usage guidance

When to use it.

Use concise messages that state what happened and what the user can do next.

Accessibility

Implementation notes.

  • Use role/status semantics where appropriate.
  • Do not make transient messages disappear too quickly.
  • Include a clear recovery action for errors.
Release QA

Implementation checklist.

0/3
Handoff notes

Implementation notes for this component.

Quick section export
<section class="ap-notification-center"><header><strong>Notifications</strong><button>Mark all read</button></header><article><i></i><div><strong>Invoice paid</strong><span>2 minutes ago</span></div></article><article><i></i><div><strong>New message received</strong><span>18 minutes ago</span></div></article><article><i></i><div><strong>Report ready</strong><span>1 hour ago</span></div></article></section>
Related components

More in Feedback