# Notification inbox

Notification inbox: a free component, built on your design tokens, to use for a work app's notifications and mentions. A notifications panel with All and Mentions tabs, unread dots, Today and Earlier groups, and one inline action such as Approve or View.

Prompt: Add the OpenDesigner component notification-inbox to this project: https://opendesigner.dev/library/r/notification-inbox.html. Keep its markup and states; map its --ds-* variables to my tokens.

States: unread, read, hover, focus, tab selected, approved, filtered.

Accessibility: Tabs follow the tab pattern with arrow keys; groups are labelled lists; Approve and View are real buttons and the result is shown as text. Placement as a popover is the project's.

File: https://opendesigner.dev/library/r/notification-inbox.html