ResponseCard

A card component for displaying AI responses with metadata. Shows model name, provider, response time, token count, and cost. Supports idle, loading, success, and error states with optional action buttons (copy, retry) in the header and footer slots.

Agentic AIairesponsecardoutput

Success

AnthropicClaude Opus 4.6

Here's the generated response content. This card displays metadata about the AI response including model, time, tokens, and cost.

1.25s342 tokens$0.0051

Loading

AnthropicClaude Sonnet 4.6

Error

OpenAIGPT-4o
Rate limit exceeded. Please try again in 60 seconds.

Related Components