Shadcn UI Settings Notifications Block
SettingsNotifications4 is a notification settings section using a matrix table layout. The table has three columns: notification type on the left, and Email and SMS checkboxes on the right. Seven notification types are included by default covering mentions, comments, messages, assignments, deadlines, security, and billing.
The table header displays icons alongside labels for each column. The notification type column shows a bell icon, while Email and SMS columns have mail and message icons respectively. Each row displays the notification title and description on the left with centered checkboxes for each delivery channel.
The visual style is clean and functional with a standard table layout. Column headers use muted text with small icons for quick identification. The matrix format makes it easy to scan and toggle multiple channels per notification type.
This block works well for applications that need to offer multiple delivery channels without overwhelming users. The two-column checkbox layout provides clear control over where notifications are sent.
Dependencies
| Package | Type |
|---|---|
| lucide-react | NPM |
checkbox @shadcn | Registry |
table @shadcn | Registry |