AiReasoning

Reasoning

Collapsible reasoning / thinking block.

Usage

<AiReasoning
  content="Thinking..."
  :streaming="isStreaming"
  :get-thinking-message="({ streaming, duration }) =>
    streaming ? 'Reasoning…' : `Thought for ${duration}s`"
/>

Props

Prop	Type	Default	Description
content	string	—	—
collapsed	boolean	true	—
streaming	boolean	false	—
autoClose	boolean	true	Collapse automatically once streaming ends
getThinkingMessage	(o: { streaming: boolean, duration: number }) => string	—	Customize the trigger label

Slots

trigger
trigger-label
content