ThoughtChain
For AI deep thinking and deep research scenarios, displaying extensive retrieval processes in a chain format.
Basic Usage
Simple Mode
Expand/Collapse
Custom Slots
Props
| Property | Description | Type | Default |
|---|---|---|---|
| list | Data list | ThoughtChainItem[] | [] |
Slots
| Slot Name | Description | Scope Parameters |
|---|---|---|
| icon | Custom icon | item: ThoughtChainItem |
| title | Custom title | item: ThoughtChainItem |
| description | Custom description | item: ThoughtChainItem |
Type Definitions
Can be imported directly
typescript
import { ThoughtChainItem } from 'element-ai-vue'ThoughtChainItem
typescript
interface ThoughtChainItem {
key?: string | number
title: string
/** Whether to show image */
icon?: string
/** Description information, supports slots */
description?: string
/**
* true, false will show arrow to control collapse and expand
* undefined will not show
*/
extended?: boolean
/**
* Hide left border line
*/
hiddenLine?: boolean
[key: string]: any
}