---
title: "Security settings"
description: "Two-factor setup with a setup key and code, a passkeys list, and signed-in sessions with sign out per device or for all others."
plan: Pro
docs: https://ui.edbn.me/docs/blocks/security-settings
---

# Security settings

Two-factor setup with a setup key and code, a passkeys list, and signed-in sessions with sign out per device or for all others.

Two-factor shows its status and Set up or Disable. Set up opens a Dialog with the steps, the setup key as text in a bordered box with Copy, and a six-digit code field that checks itself when full; a wrong code clears and says so. The sample takes any code but one digit six times, such as 000000. Passkeys list their name, when they were added and last used, with Remove, and Add passkey waits on the device with a spinner and an error if it fails. Sessions show the device, browser and system, place and last activity, with This device marked. Turning off two-factor, removing a passkey and signing out every other session ask first in an AlertDialog. Focus goes back to the button that opened it, or to its section when that button is gone, and screen readers hear each change.

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/security-settings
```

## Dependencies
- npm: lucide-react@^1.33.0
- edbn: edbn-base, alert-dialog, badge, button, card, dialog, field, input-group, input-otp, spinner

## 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 7, with install commands: https://ui.edbn.me/docs/blocks/settings (Markdown: 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