---
title: "Billing plan and invoices"
description: "The current plan with seat and storage meters, a plan switcher, storage add-on, cancel and resume, and downloadable invoices."
plan: Pro
docs: https://ui.edbn.me/docs/blocks/billing-plan
---

# Billing plan and invoices

The current plan with seat and storage meters, a plan switcher, storage add-on, cancel and resume, and downloadable invoices.

Change plan opens the plans with the new monthly total; a plan with too few seats for the team can't be picked and says why. Storage near its limit offers 50 GB more, confirmed with its price first. Cancel plan asks before scheduling the end, and Resume undoes it. The upcoming invoice follows every change, and each paid invoice downloads with a spinner, then a tick.

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/billing-plan
```

## Dependencies
- npm: lucide-react@^1.33.0
- edbn: edbn-base, alert-dialog, badge, button, card, dialog, field, meter, radio-group, separator, spinner, table, 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 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