Notification Settings Page
Notification preferences with a grouped events by channels matrix, indeterminate per-group toggles, quiet hours, digest frequency and a sticky save bar.
Preview
Notifications
Choose what reaches you, and where. Security notices always arrive by email.
Events and channels
| Event | Push | In-app | |
|---|---|---|---|
| Your work | |||
| MentionsSomeone @mentions you | |||
| Assigned to youA task or review lands on you | |||
| Comments on your notes | |||
| Team activity | |||
| New teammate joins | |||
| Account | |||
| Security alertsNew sign-ins and key changes | Always on | ||
| Billing and receipts |
Quiet hours
Push and in-app wait until morning.
Email digest
A summary of everything you missed.
at
Notifications (unsaved)
Choose what reaches you, and where. Security notices always arrive by email.
Events and channels
| Event | Push | In-app | |
|---|---|---|---|
| Your work | |||
| MentionsSomeone @mentions you | |||
| Assigned to youA task or review lands on you | |||
| Comments on your notes |
Quiet hours
Push and in-app wait until morning.
Email digest
A summary of everything you missed.
at
You have unsaved changes
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| groups | NotifyGroup[] | — | Event groups: { id, label, events: { id, label, description?, locked? }[] }. |
| defaultValue | NotifySettings | — | Settings at first: { matrix, quiet, digest }. |
| savedValue | NotifySettings | defaultValue | What is stored, if different (shows the save bar, e.g. for previews). |
| onSave | (settings) => void | Promise<void> | — | Save handler; reject to keep the bar open with an error. |
| channels | NotifyChannel[] | ["email", "push", "inApp"] | Channels to show, in order. |
| title | ReactNode | "Notifications" | Page heading. |
| height | number | 640 | Frame height in px. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.