Shadcn UI Settings Notifications Block
SettingsNotifications2 is a minimal notification settings section with a vertical list layout. Each notification option displays as a row with a title, description, and switch toggle aligned to the right. The list is divided by horizontal lines between items.
The visual treatment is clean and sparse with no icons or additional decoration. Each row uses a medium-weight title with muted description text below. Switch toggles are right-aligned for easy scanning and interaction. The divider lines create clear separation between options.
This is a straightforward, low-complexity block following the most basic notification settings pattern. It works well for applications with a small number of notification types that don’t require categorization or multiple delivery channels.
Dependencies
| Package | Type |
|---|---|
| lucide-react | NPM |
switch @shadcn | Registry |