Appearance
Function: TokenContext()
ts
function TokenContext(props: Readonly<{
maxTokens: number;
usedTokens: number;
className?: string;
inputTokens?: number;
modelId?: string;
outputTokens?: number;
}> & RefAttributes<HTMLDivElement>): Block;Defined in: packages/sdk/src/renderer/blocks/index.ts:2526
Experimental
TokenContext — ring indicator showing model token usage with hover details. Renamed from upstream Context to avoid colliding with the React "Context" concept.
Parameters
| Parameter | Type |
|---|---|
props | Readonly<{ maxTokens: number; usedTokens: number; className?: string; inputTokens?: number; modelId?: string; outputTokens?: number; }> & RefAttributes<HTMLDivElement> |
Returns
Example
ts
TokenContext({usedTokens: 1234, maxTokens: 8000, modelId: 'claude-opus-4-7'});