---
title: "Revenue report"
description: "Revenue for 7, 30 or 90 days: the total with a delta badge, an area chart with the period before dashed, and a channel table with shares."
plan: Pro
docs: https://ui.edbn.me/docs/blocks/revenue-report
---

# Revenue report

Revenue for 7, 30 or 90 days: the total with a delta badge, an area chart with the period before dashed, and a channel table with shares.

A segmented 7D, 30D and 90D control picks the period and a switch draws the period before as a dashed, muted line. The headline total carries its change as a badge, with the previous total under it. The area chart takes keyboard focus with a visible ring; arrow keys step through the days (or weeks, for 90 days) and the tooltip reads this period first. Each switch shows skeletons while the sample period loads. Under the chart a table splits the total by channel with its revenue, its share as a Meter and its change. The channels add up to the headline. In a narrow card the share moves under the channel name.

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/revenue-report
```

## Dependencies
- npm: lucide-react@^1.33.0, recharts@^3.8.0
- edbn: edbn-base, badge, card, chart, label, meter, skeleton, switch, table, toggle-group

## Source

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

## More dashboards blocks

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