Skip to content

CostDashboard

stable

Token cost breakdown by model and operation

Visualization/Storybook ↗
import { CostDashboard } from "@nodus/design-system/patterns"
Loading demo…

Props

entriesrequired
Type CostEntry[]Default

Array of cost entries ({ operation, model, tokens, cost, timestamp })

budget
Type numberDefault

Budget cap — shows usage percentage bar when set

Metadatasemantictypebordersurfaceoutcome
Design Rationale

This component was designed to express:

Explore Related

Was this helpful?