组件
AI 思考 AI Reasoning
推理内容折叠区:复用共享 Collapsible 的低调样式。触发器只显示文字,内容由一条发丝线框住。
#基础用法
The note should read like a colophon, not a changelog: one line of welcome and the three additions as short strokes.
<script setup lang="ts">
import { AiReasoning } from "@bysages/vue";
</script>
<template>
<!-- The thought on one hairline, folded by the shared collapsible. -->
<div class="grid gap-4 w-full">
<AiReasoning label="Thought for 2s">
The note should read like a colophon, not a changelog: one line of welcome and the three
additions as short strokes.
</AiReasoning>
</div>
</template>
#属性
#AiReasoning
推理内容折叠区:复用共享 Collapsible 的低调样式。触发器只显示文字,内容由一条发丝线框住。
| 属性 | 类型 | 默认值 | 描述 |
|---|---|---|---|
label | String | "Thinking" | 触发器文字;其下方的折叠面板默认展开 |
defaultOpen | Boolean | false | 设置后折叠面板默认展开,并复用共享折叠组件 |