About this block

Notification Settings Inline is a per-type settings panel with five rows split across two groups, Account and Workspace. Each row carries a label, a one-line description, and three small switches for Email, Push, and In-app channels. Security alerts and billing rows lock the Email switch with a disabled state; the footer names the reason: required by account security policy.

Rows are one const array per group. Locked channels carry an array of channel keys; the toggle handler guards them via disabled on the Switch primitive. That lock is the difference between preferences and compliance.

When to use

Reach for this block on the notifications tab of user settings, wired to your preferences endpoint and your channel-locking rules. Disable the locked switches in your backend response, not just the UI.

A natural flow around it on an Application Pro page:

Before

• Settings shell

After

• Toast stack

What you can display

One strong use is the per-event channel matrix. Other settings panels:

• Team defaults. The same shape at workspace level, admin-only, with a note that members can override.
• Digest frequency. Swap the toggles for a Select (daily, weekly, never) per row.
• Quiet hours. Append a time-range row below the groups to gate push during off hours.

Tip: locked channels must say why they are locked, a greyed switch with no explanation reads as a bug.