New to Kendo UI for Angular? Start a free 30-day trial

ReasoningComponent

Component

Represents the Kendo UI Reasoning component for Angular. Displays a model's reasoning trace as a single disclosure block, separately from the final answer.

Definition

Package:@progress/kendo-angular-conversational-ui

Selector:kendo-reasoning

Export Name:Accessible in templates as #kendoReasoningInstance="kendoReasoning"

Syntax:

html

<kendo-reasoning
  [expandable]="true"
  content="Analyzing the request and forming a plan of action."
></kendo-reasoning>

Inputs

completed

boolean

Sets whether the reasoning block has completed its thinking phase.

Default:

false

content

string

Sets the text content displayed in the reasoning body.

expandable

boolean

Sets whether the expandable header supports expanding and collapsing the reasoning body.

Default:

false

expanded

boolean

Sets whether the reasoning body is visible. Ignored when expandable is false.

Default:

false

icon

string

Sets the name of a font icon shown in the expandable header.

Default:

'sparkles'

label

string

Sets the main label shown in the expandable header.

Default:

'Reasoning'

secondaryLabel

string

Sets the secondary descriptive text shown next to the label.

svgIcon

SVGIcon

Sets the SVG icon shown in the expandable header.

Default:

sparklesIcon

Events

expandedChange

EventEmitter<boolean>

Fires when the user expands or collapses the reasoning body through the expandable header.