Chat·component·@astryxdesign/labExperimental

Chat Reasoning

Compact collapsible container for displaying model reasoning or chain-of-thought details. Shows a single-line summary when collapsed and expands to reveal full reasoning text.

@astryxdesign/lab

Usage

Compact collapsible container for displaying model reasoning or chain-of-thought details. Shows a single-line summary when collapsed and expands to reveal full reasoning text.

Typed props

Prop	Type and behavior
`children`	`ReactNode` · required Reasoning content string or custom ReactNode.
`label`	`string` · default 'Thinking' Header label displayed in the trigger line.
`duration`	`string` Duration string shown next to the label (e.g. "12s").
`isStreaming`	`boolean` · default false Whether reasoning content is actively streaming. Displays animated shimmer effect.
`isExpanded`	`boolean` Controlled expanded state.
`defaultIsExpanded`	`boolean` · default false Default expanded state for uncontrolled usage.
`onExpandedChange`	`(isExpanded: boolean) => void` Callback fired when the expanded state changes.
`xstyle`	`StyleXStyles` StyleX styles for layout customization.