DOCS
v0.4

AI Components / Cost Dashboard

Cost Dashboard

Aggregate token/cost usage over time with budget progress and model breakdown.

ai-production v0.5.0

Playground

Examples

Usage overview
<ai-cost-dashboard budget="50" period="Last 7 days" style="max-width:500px;"></ai-cost-dashboard>

Import

import { AiCostDashboard } from '@cognivo/components';
// Or tree-shake: import '@cognivo/components/ai-cost-dashboard';

Per-component imports ship only that component (~8 kB gzip).

API Reference

PropTypeDefaultDescription
entries {date, model, inputTokens, outputTokens, cost}[] Usage entries
budget number Budget limit
period string Time period label