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

ChainOfThoughtComponent

Component

Represents the Kendo UI ChainOfThought component for Angular. Groups an ordered sequence of thought rows under a single collapsible summary.

Definition

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

Selector:kendo-chainofthought

Export Name:Accessible in templates as #kendoChainOfThoughtInstance="kendoChainOfThought"

Syntax:

html

<kendo-chainofthought [thoughts]="thoughts" [expandable]="true"></kendo-chainofthought>

Inputs

completed

boolean

Sets whether the chain has completed.

Default:

false

expandable

boolean

Sets whether the expandable header supports expanding and collapsing the thought rows. Forced to false whenever thoughts is empty, regardless of the value supplied.

Default:

false

expanded

boolean

Sets whether the thought rows are 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.

linesAdded

number

Sets the total lines added across the chain, shown in the header.

linesRemoved

number

Sets the total lines removed across the chain, shown in the header.

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

thoughts

Thought[]

Sets the ordered thought rows rendered inside the body.

Default:

[]

Events

expandedChange

EventEmitter<boolean>

Fires when the user expands or collapses the ChainOfThought through the expandable header.