Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA notifications side sheet whose bell announces the unread count, marks unread items with text, can mark one or all as read and says when you are caught up.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Use this for an in-app inbox: mentions, build results, invitations. It is a side panel, so the page behind stays in view.
Do not use it for toasts or transient alerts, and do not use it as the only place to reach important items such as billing failures.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
items | { id, title, time, read }[] | - | The notifications. |
onMarkRead | (id: string) => void | - | Mark one as read. |
onMarkAllRead | () => void | - | Mark everything as read. |
| Key | Action |
|---|---|
| Tab | Mark all as read, then each Mark read |
| Escape | closes |
The pattern ships a Testing Library test (sheet-notifications-list.test.tsx) that covers the unread count in the name, text markers, marking one and all, and the empty state.