Earnings Chart Card

The “Earned so far” bar chart from the dashboard - a Recharts bar series with a Weekly / Monthly / Yearly segmented switcher, a count-up dollar headline, and a hover outline on the active bar.

Earned so far

$7,462

+14.8%

Installation

Earnings Chart Card is part of BoardUI Pro.

Dark mode ready - this component follows BoardUI semantic tokens automatically. Set up theme switching.

Pro access

Earnings Chart Card is a Pro component.

Your BoardUI Pro license unlocks this component and all of its source files. Activate your license once, then install it directly into your project with the CLI.

01

Activate your license

Use the key from your Lemon Squeezy purchase email. You only need to do this once per machine.

npx boardui@latest login YOUR_LICENSE_KEY
02

Install the component

The CLI copies the source and resolves every BoardUI and npm dependency for you.

npx boardui@latest add earnings-chart-card

This component is included in BoardUI Pro

Get BoardUI Pro now and install it end away.

Using a shared UI package or custom import aliases? Configure your installation paths before running the CLI. Copy-paste examples use the default imports.