Reasoning

Reasoning holds thinking or extended-reasoning content without coupling the UI package to Markdown; pass Markdown or another renderer as children for Markdown content.

import { Markdown, Reasoning } from "smthrs/ui";

<Reasoning streaming={isStreaming} duration={72}>
  <Markdown content={reasoningText} />
</Reasoning>

Props

Prop	Type	Default	Purpose
`streaming`	`boolean`	`false`	Shimmers the title and auto-toggles open/close until the user toggles it manually.
`open`	`boolean`	uncontrolled	Controls the disclosure.
`defaultOpen`	`boolean`	`streaming`	Sets the initial uncontrolled state.
`onOpenChange`	`(open: boolean) => void`	none	Receives user toggles and automatic streaming transitions.
`duration`	`number`	none	Renders elapsed seconds as `Thought for Ns` or `Mm SSs` after streaming.
`title`	`string`	`Reasoning`	Header text.

Uncontrolled mode: a streaming transition opens or closes the block until the first user toggle. Controlled mode never changes itself.

Overview

Core API

Runtime

Types & errors

Gateway RPC

Props

​Props

Props