Skip to content
AI Elements

Context

Hover card for language-model token usage.

Import

tsx
import { Context } from "@cronus-ui/ui";
bash
npx cronus-ui add context

Examples

API Reference

Generated from the component's exported types.

ContextLabels

Skip ContextLabels props table
PropTypeDefaultDescription
input
string
output
string
reasoning
string
cache
string
totalCost
string
usage
string

ContextProps

Extends ComponentProps<typeof HoverCard>, Omit<ContextSchema, "labels">

Skip ContextProps props table
PropTypeDefaultDescription
labels
ContextLabelsOverride default English strings.

ContextTriggerProps

Extends ComponentProps<typeof Button>

No own props — see the extended type above for available props.

ContextContentProps

Extends ComponentProps<typeof HoverCardContent>

No own props — see the extended type above for available props.

ContextContentHeaderProps

Extends HTMLAttributes<HTMLDivElement>

No own props — see the extended type above for available props.

ContextContentBodyProps

Extends HTMLAttributes<HTMLDivElement>

No own props — see the extended type above for available props.

ContextContentFooterProps

Extends HTMLAttributes<HTMLDivElement>

No own props — see the extended type above for available props.

ContextInputUsageProps

Extends HTMLAttributes<HTMLDivElement>

No own props — see the extended type above for available props.

ContextOutputUsageProps

Extends HTMLAttributes<HTMLDivElement>

No own props — see the extended type above for available props.

ContextReasoningUsageProps

Extends HTMLAttributes<HTMLDivElement>

No own props — see the extended type above for available props.

ContextCacheUsageProps

Extends HTMLAttributes<HTMLDivElement>

No own props — see the extended type above for available props.