具身智能观察

shadcn 通过新推出的聊天组件将对话基础组件引入了 shadcn/ui

产业动态

来源:InfoQ 中文发布时间待核实

shadcn 是 Vercel 广受欢迎的 shadcn/ui" 项目的设计师。他发布了一套用于构建聊天界面的新组件",首次将流式对话基础组件直接引入了 shadcn/ui。 这次发布涵盖了 shadcn 所说的对话层,其中包含五个组件:MessageScroller"、 Message"、Bubble"、 Attachment" 和 Marker",以及两个新的 CSS 实用工具:scroll-fade 和 shimmer。据介绍,这是一个更大的项目的第一阶段,旨在重新构思每个组件背后的抽象逻辑,并分阶段发布,以便开发者能够复制、组合和定制这些组件。安装通过人们熟悉的命令行界面(CLI)进行: pnpm dlx shadcn@latest add message-scroller message bubble attachment marker 其核心是 MessageScroller,这是一个滚动容器,负责处理那些容易出错的细节,包括锚定对话轮次、流式回复适配、会话状态恢复、前置历史加载、跳转至指定消息、滚动控制能力以及可见性跟踪。它负责管理这些行为,但并不管理消息、AI 状态、传…

shadcn 通过新推出的聊天组件将对话基础组件引入了 shadcn/ui | 具身智能观察