# Blazor LLM Kit ChainOfThought

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.

> caption ChainOfThought showing agent tool discovery steps

<demo metaUrl="client/llmkit/chain-of-thought/example-1/" height="420"></demo>

## ChainOfThought API

Get familiar with all ChainOfThought parameters, templates, and events in the [ChainOfThought API Reference](https://www.telerik.com/blazor-ui/documentation/api/telerik.blazor.components.telerikchainofthought-1).

## Next Steps

* [Checkpoint](https://www.telerik.com/blazor-ui/documentation/components/llmkit/checkpoint)
* [Citation](https://www.telerik.com/blazor-ui/documentation/components/llmkit/citation)
* [ToolCall](https://www.telerik.com/blazor-ui/documentation/components/llmkit/tool-call)
* [Reasoning](https://www.telerik.com/blazor-ui/documentation/components/llmkit/reasoning)

## See Also

* [LLM Kit Overview](https://www.telerik.com/blazor-ui/documentation/components/llmkit/overview)
* [ChainOfThought API Reference](https://www.telerik.com/blazor-ui/documentation/api/telerik.blazor.components.telerikchainofthought-1)