Beta
Inbox
Notification inbox in the Linear register — unread dots dissolve on read, and mark-all clears the column. Installs Avatar Stack as a registry dep.
Inbox
Notification inbox in the Linear register — unread dots dissolve on read, and mark-all clears the column. Installs Avatar Stack as a registry dep.
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.
Install
Adds Inbox and its dependencies to your project through the shadcn CLI.
$ npx shadcn@latest add https://www.ssicevs.com/r/inbox.jsonProps · Inbox
| Prop | Type | Default |
|---|---|---|
| items? | InboxItem[] | DEFAULT_ITEMS |
| initiallyRead? | string[]Ids that start in the read state. | ["n3"] |
Generated from the component source. Run npm run props:extract after changing a signature.