1Sponsor

Thinking Block

Collapsible block for displaying extended thinking / reasoning content from an AI model

Terminal

Installation

pnpm dlx shadcn@latest add https://termcn.dev/r/thinking-block.json

Usage

import { ThinkingBlock } from "@/components/ui/thinking-block";
<ThinkingBlock
  content="The user wants to refactor the function. I should split it into smaller helpers..."
  tokenCount={1284}
  duration={3200}
/>

API Reference

ThinkingBlock

PropTypeDefault
contentstringrequired
streamingbooleanfalse
defaultCollapsedbooleantrue
labelstring"Reasoning"
tokenCountnumberundefined
durationnumberundefined