Skip to content

TokenCounter

stable

Live token usage counter with budget threshold

Data Display/Storybook ↗
import { TokenCounter } from "@danagraph/design-system"
Loading demo…

Props

promptrequired
Type numberDefault —

Prompt token count

completionrequired
Type numberDefault —

Completion token count

limitrequired
Type numberDefault —

Maximum token budget

cost
Type numberDefault —

Optional dollar cost display

semantictypeborder
MobileWorks As-Is
Design Rationale

This component was designed to express:

Explore Related

Was this helpful?