用户

使用头像和姓名显示用户信息。


安装

以上命令仅用于单独安装。如果已全局安装 @nextui-org/react ,则可以跳过此步骤。

导入

用法

注意: 有关 avatarProps 的更多详细信息,请参阅头像组件。

插槽

  • base: 用户的基本插槽,它是主容器。
  • wrapper: 名称和描述的包装器。
  • name: 用户的姓名。
  • description: 用户的描述。

数据属性

User 只有在 isFocusabletrue 时,才会在 root 元素上拥有以下属性。

  • data-focus: 当用户被聚焦时。基于 useFocusRing
  • data-focus-visible: 当用户通过键盘聚焦时。基于 useFocusRing

API

用户属性

属性类型默认值
name
string
description
ReactNode
isFocusable
boolean
false
avatarProps
AvatarProps
classNames
Partial<Record<"base" | "wrapper" | "name" | "description", string>>