Vue 组件

为你的下一个界面找到合适的组件。按用途浏览、体验示例,再将源码带入项目。

110 个组件158 个示例

基础操作5

表单与选择16

布局与展示15

反馈9

浮层7

动效与装饰7

业务组合5

AI18

Voice Orb

呈现运动球形场,其表面响应活动强度或音频输入。

1 个示例

Message Bubble

呈现紧凑会话气泡,并可组合头像、元数据与操作控件。

3 个示例

Message

使用内容、附件、来源与操作部件组合会话条目。

1 个示例

Message Scroller

在新消息加入时跟随内容,同时允许读者离开并返回最新位置。

1 个示例

Prompt Input

通过自适应高度文本框、附件与键盘操作编写并提交提示词。

1 个示例

Todo List

展示带展开详情和明确任务状态的工作条目序列。

1 个示例

Code Block

呈现带高亮的代码,并支持行控件、文件标签与复制操作。

1 个示例

Approval Card

在助手继续工作前,引导用户完成一个或多个决策步骤。

2 个示例

File Diff

通过对齐行号与可展开上下文检查新增及删除内容。

1 个示例

Tool Result

在同一表面呈现工具调用状态、摘要与可展开结果。

2 个示例

Streaming Response

组合持续变化的助手回复,包括文字、附件、引用和操作。

1 个示例

Image Generation

展示图像创建状态,预览输出并提供结果操作。

1 个示例

Tool Approval

为待执行工具操作展示说明,并请求明确决策。

1 个示例

Citations

将行内引用标记与可检查的来源条目和链接连接。

1 个示例

Agent Activity

将持续变化的助手活动组织为可展开步骤与完成摘要。

6 个示例

Agent Loading States

通过进度、推理和微光显示传达助手工作仍在进行。

3 个示例

AI Sidebar

在可搜索树中组织助手资源,支持选择与移动操作。

1 个示例

Chat App

将导航、会话内容和提示输入区组合为助手工作空间。

1 个示例

图表14