logoAnt Design X

设计研发组件X MarkdownX SDK演示
  • 介绍
  • 总览
  • 通用
    • Bubble对话气泡
    • Conversations管理对话
    • Notification系统通知
  • 唤醒
    • Welcome欢迎
    • Prompts提示集
  • 表达
    • Attachments输入附件
    • Sender输入框
    • Suggestion快捷指令
  • 确认
    • Sources来源引用
    • Think思考过程
    • ThoughtChain思维链
  • 反馈
    • Actions操作列表
    • FileCard文件卡片
  • 其他
    • XProvider全局化配置

Think
思考过程

展示大模型深度思考过程。

何时使用

  • 用于在对话时展示大模型的深度思考过程。

代码演示

API

通用属性参考:通用属性

ThinkProps

属性说明类型默认值版本
classNames样式类名Record<SemanticDOM, string>--
styles样式 styleRecord<SemanticDOM, CSSProperties>--
children内容React.ReactNode--
title状态文本React.ReactNode--
icon状态图标React.ReactNode--
loading加载中boolean | React.ReactNodefalse-
defaultExpanded默认是否展开booleantrue-
expanded是否展开boolean--
onExpand展开事件(expand: boolean) => void--
blink闪动模式boolean--

Semantic DOM

主题变量(Design Token)

全局 Token如何定制?
deep thinking
This is deep thinking content.
基础用法

基础用法。

CodeSandbox Icon
codepen icon
External Link Icon
expand codeexpand code

Complete thinking
This is deep thinking content.

Complete thinking
Customize status icon.
设置状态

可自定义状态文本和图标。

CodeSandbox Icon
codepen icon
External Link Icon
expand codeexpand code

deep thinking
This is deep thinking content.
是否展开

控制展开折叠状态。

CodeSandbox Icon
codepen icon
External Link Icon
expand codeexpand code
deep thinking
This is deep thinking content.
  • root
    根节点
  • status
    状态区
  • content
    内容区