用户
使用头像和姓名显示用户信息。
安装
以上命令仅用于单独安装。如果已全局安装 @nextui-org/react
,则可以跳过此步骤。
导入
用法
注意: 有关
avatarProps
的更多详细信息,请参阅头像组件。
链接描述
插槽
- base: 用户的基本插槽,它是主容器。
- wrapper: 名称和描述的包装器。
- name: 用户的姓名。
- description: 用户的描述。
数据属性
User
只有在 isFocusable
为 true
时,才会在 root
元素上拥有以下属性。
- data-focus: 当用户被聚焦时。基于 useFocusRing。
- data-focus-visible: 当用户通过键盘聚焦时。基于 useFocusRing。
API
用户属性
属性 | 类型 | 默认值 |
name |
| |
description |
| |
isFocusable |
| false |
avatarProps |
| |
classNames |
|