---
title: "API keys"
description: "A table of API keys, masked with reveal and copy, plus create, rename and revoke with a confirmation."
plan: Pro
docs: https://ui.edbn.me/docs/blocks/api-keys
---

# API keys

A table of API keys, masked with reveal and copy, plus create, rename and revoke with a confirmation.

Each key shows its prefix and last four; the eye reveals it and the copy button turns to a tick for two seconds. Create key asks for a name and access, refuses a name already in use, then shows the new key with its own copy button. Revoke asks first, naming the key and that anything using it stops at once, then moves focus to Create. With no keys left, an empty state offers the first one.

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/api-keys
```

## Dependencies
- npm: lucide-react@^1.33.0
- edbn: edbn-base, alert-dialog, button, card, dialog, dropdown-menu, empty, field, input, select, spinner, table, tooltip

## 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