跳转到内容
搜索文档

RtkAvatar

最后更新 查看 MarkdownAgent 设置

渲染参与者的图像或其姓名首字母的头像组件。

属性

属性 类型 必填 默认值 描述
iconPack IconPack defaultIconPack 图标包
participant Peer | WaitlistedParticipant | { name: string; picture: string } - 参与者对象
size Size - 尺寸
t RtkI18n useLanguage() 语言
variant AvatarVariant - 头像类型

使用示例

基本用法

import { RtkAvatar } from '@cloudflare/realtimekit-react-ui';

function MyComponent() {
  return <RtkAvatar />;
}

带有属性

import { RtkAvatar } from '@cloudflare/realtimekit-react-ui';

function MyComponent() {
  return (
    <RtkAvatar
      participant="example"
      size="md"
      variant="circular"
    />
  );
}

这篇文档对您有帮助吗?