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
}