---
title: "Notification preferences"
description: "A matrix of events and channels with a switch in each cell, grouped by topic, that saves as you go."
plan: Pro
docs: https://ui.edbn.me/docs/blocks/notification-preferences
---

# Notification preferences

A matrix of events and channels with a switch in each cell, grouped by topic, that saves as you go.

Each switch saves on its own: the header says Saved for a moment and screen readers hear what changed, such as “Push for Low stock off”. A channel an event can't use shows a dash, and security email reads Always because it can't be turned off. Every switch is named by its row and column. In a narrow container each event stacks, with its channels' names above their switches.

A Pro block built on Base UI and Tailwind CSS v4.

## Installation

This is a Pro item. Once per project, create a token at https://ui.edbn.me/dashboard/tokens, put it in `.env.local` as `EDBN_TOKEN`, and add the registry to `components.json`:

```json
{
  "registries": {
    "@edbn": {
      "url": "https://ui.edbn.me/r/{name}.json",
      "headers": { "Authorization": "Bearer ${EDBN_TOKEN}" }
    }
  }
}
```

Then install:

```bash
npx shadcn@4.19.0 add @edbn/notification-preferences
```

## Dependencies
- npm: lucide-react@^1.33.0
- edbn: edbn-base, card, label, switch, table

## Source

The source is part of Pro (https://ui.edbn.me/pricing). The install above adds it to the project, ready to edit.

## More settings blocks

All 5, with install commands: https://ui.edbn.me/docs/blocks/settings · https://ui.edbn.me/docs/blocks/settings.md

## For agents
- Base theme, once per project: npx shadcn@4.19.0 add https://ui.edbn.me/r/edbn-base.json
- MCP server with search, items, examples and source: https://ui.edbn.me/mcp
- Every page and item: https://ui.edbn.me/llms.txt