Overlays, new
Notification Inbox
A bell with an inbox behind it. The panel unfolds out of the bell and folds back into it; tabs slide without moving the panel; new arrivals swing the bell and roll the count; rows archive with a swipe or E.
$149 once · every Pro piece
Customize
comfortable
compact
Install
npx shadcn@latest add @obsyde/inboxNeeds your licence key · Get Pro
Usage
Import it from where the CLI puts it, or copy the files below by hand.
import { Inbox } from '@/components/obsyde/ember/inbox/Inbox';
export function Example() {
return (
<Inbox />
);
}
Files
What you get with Pro: plain React, TypeScript and CSS, with no dependencies.
ember/inbox/Inbox.tsxcomponentember/inbox/inbox.cssstylesember/inbox/InboxDemo.tsxdemoember/shared/spring.tssharedember/shared/accent.tssharedember/shared/rolling-number.csssharedember/shared/RollingNumber.tsxsharedember/shared/ember.cssshared
API
| Prop | Type | Default |
|---|---|---|
accentAccent | 'ember' | 'volt' | 'arc' | 'ember' |
arrivalNew arrivals | boolean | true |
groupingGroup by day | boolean | true |
densityDensity | 'comfortable' | 'compact' | 'comfortable' |