New to Kendo UI for AngularStart a free 30-day trial

Represents the Kendo UI ToolCall component for Angular. Displays a single tool or function invocation as a disclosure block, including its parameters, approval actions, result, or error.

Definition

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

Selector:kendo-toolcall

Export Name:Accessible in templates as #kendoToolCallInstance="kendoToolCall"

Syntax:

html
<kendo-toolcall
  label="get_weather"
  state="completed"
  [expandable]="true"
  [parameters]="{ city: 'Sofia' }"
  [result]="{ tempC: 24 }"
></kendo-toolcall>

Inputs

Sets the text shown above the default approval actions when state is "awaitingApproval".

errorText

string

Sets the error message displayed when state is "error".

expandable

boolean

Sets whether the expandable header supports expanding and collapsing the tool call details.

Default:

false

expanded

boolean

Sets whether the tool call details are visible. Ignored when expandable is false.

Default:

false

icon

string

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

Default:

'wrench'

label

string

Sets the tool or function name shown in the expandable header.

Sets the raw tool input data, rendered as formatted JSON by default.

Sets the raw tool result data, rendered as formatted JSON by default when state is "completed".

Sets the file, command, or target context shown next to the tool or function name.

Sets the current state of the tool call.

Default:

'active'

Sets the name of a font icon shown in the status badge. When not set, the icon is derived from state.

Sets the SVG icon shown in the status badge. When not set, the component derives the icon from state.

svgIcon

SVGIcon

Sets the SVG icon shown in the expandable header.

Default:

wrenchIcon

Events

Fires when the user selects the Approve or Reject action while state is "awaitingApproval".

Fires when the user expands or collapses the tool call details through the expandable header.