---
title: "Pricing seats"
description: "A per-seat plan beside a calculator whose total updates as the seat count changes."
plan: Pro
docs: https://ui.edbn.me/docs/blocks/pricing-seats
---

# Pricing seats

A per-seat plan beside a calculator whose total updates as the seat count changes.

Seats step with the buttons, the arrow keys or typing. Each seat is priced at the rate of the band it falls in, and the bill lists every band in use above the total. Screen readers hear the new total after each change. Clearing the field shows an error and a dash in place of the total until a number is back.

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/pricing-seats
```

## Dependencies
- npm: lucide-react@^1.33.0
- edbn: edbn-base, button, card, field, number-field, separator, text-link

## Source

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

## More pricing blocks

All 4, with install commands: https://ui.edbn.me/docs/blocks/pricing · https://ui.edbn.me/docs/blocks/pricing.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