Reasoning
The model's reasoning in a collapsible that auto-opens while streaming and reports how long it thought.
import { Reasoning } from "@cynco-labs/ui/ai";Example
import { Reasoning, ReasoningContent, ReasoningTrigger } from "@cynco-labs/ui/ai";
export default function ReasoningDemo() {
return (
<Reasoning defaultOpen isStreaming={false} duration={4} className="max-w-[520px]">
<ReasoningTrigger />
<ReasoningContent>
The receipt of RM 12,720.00 equals INV-2026-0142 and quotes its number, so it settles that
invoice rather than counting as revenue.
</ReasoningContent>
</Reasoning>
);
}Use
Reasoning models' thinking text.
Props
isStreaming, duration, defaultOpen; ReasoningTrigger (getThinkingMessage), ReasoningContent (string, Markdown).