Skip to content

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 ​

PropertyDescriptionTypeDefault
listData listThoughtChainItem[][]

Slots ​

Slot NameDescriptionScope Parameters
iconCustom iconitem: ThoughtChainItem
titleCustom titleitem: ThoughtChainItem
descriptionCustom descriptionitem: 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
}