ToolCallComponent
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:
<kendo-toolcall
label="get_weather"
state="completed"
[expandable]="true"
[parameters]="{ city: 'Sofia' }"
[result]="{ tempC: 24 }"
></kendo-toolcall>
Inputs
approvalText
string
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.
false
expanded
boolean
Sets whether the tool call details are visible. Ignored when expandable is false.
false
icon
string
Sets the name of a font icon shown in the expandable header.
'wrench'
label
string
Sets the tool or function name shown in the expandable header.
parameters
any
Sets the raw tool input data, rendered as formatted JSON by default.
result
any
Sets the raw tool result data, rendered as formatted JSON by default when state is "completed".
secondaryLabel
string
Sets the file, command, or target context shown next to the tool or function name.
Sets the current state of the tool call.
'active'
statusFontIcon
string
Sets the name of a font icon shown in the status badge. When not set, the icon is derived from state.
statusSVGIcon
SVGIcon
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.
wrenchIcon
Events
Fires when the user selects the Approve or Reject action while state is "awaitingApproval".
expandedChange
EventEmitter<boolean>
Fires when the user expands or collapses the tool call details through the expandable header.