New to Telerik UI for Blazor? Start a free 30-day trial

Blazor LLM Kit ChainOfThought

Updated on Oct 1, 2026

The ChainOfThought component renders a sequential list of agent execution steps. Each step can include an icon, label text, optional chip tags, and a visual connector to the next step. Use the component to show how the agent searches for tools, evaluates options, and plans its next action.

The component accepts a strongly typed data collection through the Data parameter and uses a ItemTemplate to control how each step renders.

Creating Blazor ChainOfThought

To use the ChainOfThought component:

  1. Add the <TelerikChainOfThought> tag.
  2. Set the Data parameter to a List<TItem>.
  3. Define a <ItemTemplate> with a Context parameter to render each step.
  4. (optional) Set Label and SecondaryLabel for the header text.
  5. (optional) Set Expandable and Expanded to control collapsibility.
  6. (optional) Set Completed to mark the block as finished.

ChainOfThought showing agent tool discovery steps

Example
View Source
Loading ...

ChainOfThought API

Get familiar with all ChainOfThought parameters, templates, and events in the ChainOfThought API Reference.

Next Steps

See Also