Notification Inbox
A notification inbox for SaaS and trading apps, with unread markers that clear as you read and a mark all as read action.
Notification Inbox
A notification inbox for SaaS and trading apps, with unread markers that clear as you read and a mark all as read action.
When to use it
Notification centres where read state is the primary interaction. The dissolve on read gives feedback without a layout shift, which matters when the list re-orders underneath the cursor.
Props · Inbox
| Prop | Type | Default |
|---|---|---|
| items? | InboxItem[] | DEFAULT_ITEMS |
| initiallyRead? | string[] | ["n3"] |
Generated from the component source. Run npm run props:extract after changing a signature.