为了能更好地了解您的商业使用需求,请参与 Ant Design Blazor 商业应用调查,一起建设商业应用社区,为企业系统研发赋能!

Bubble对话气泡

代码演示

基础用法。

expand code expand code

通过 avatar 设置自定义头像,通过 placement 设置位置,提供了 startend 两个选项。

expand code expand code

通过 loading 属性控制加载状态。

expand code expand code

通过设置 typing 属性,开启打字效果。更新 content 如果是之前的子集,则会继续输出,否则会重新输出。

expand code expand code

配合 markdown-it 实现自定义渲染内容。

expand code expand code

通过 variant 属性设置气泡的样式变体。

expand code expand code

通过 shape 属性设置气泡的形状。

expand code expand code

API#

组件总览 Conversations管理对话