User

Maintainer:
DakEnviy
GitHub
size
name
description
import {User} from '@gravity-ui/uikit';

User (пользователь) — это общий компонент для отображения аватара пользователя с информационным блоком. Он рендерит аватар через компонент Avatar, но также может принимать пользовательский узел React в качестве аватара.

Имя и описание

Для отображения информационного блока компонент User использует свойства name и description.

Charles Darwincharles@mail.ai
<User avatar={{text: 'Charles Darwin', theme: 'brand'}} name="Charles Darwin" description="charles@mail.ai" size="l" />

Размер

Размер User можно настроить с помощью свойства size. Размер по умолчанию — m. Возможные значения: xs, s, m, l и xl.

Это свойство также применимо к внутреннему компоненту Avatar.

Charles Darwin
Charles Darwincharles@mail.ai
Charles Darwincharles@mail.ai
Charles Darwincharles@mail.ai
Charles Darwincharles@mail.ai
<User avatar={{text: 'Charles Darwin', theme: 'brand'}} name="Charles Darwin" description="charles@mail.ai" size="xs" />
<User avatar={{text: 'Charles Darwin', theme: 'brand'}} name="Charles Darwin" description="charles@mail.ai" size="s" />
<User avatar={{text: 'Charles Darwin', theme: 'brand'}} name="Charles Darwin" description="charles@mail.ai" size="m" />
<User avatar={{text: 'Charles Darwin', theme: 'brand'}} name="Charles Darwin" description="charles@mail.ai" size="l" />
<User avatar={{text: 'Charles Darwin', theme: 'brand'}} name="Charles Darwin" description="charles@mail.ai" size="xl" />

Свойства

ИмяОписаниеТипЗначение по умолчанию
avatarАватар пользователя.Свойство аватара React.ReactElement
nameИмя пользователя.React.ReactNode
descriptionОписание пользователя.React.ReactNode
sizeРазмер секции пользователя.'xs' 's' 'm' 'l' 'xl'm
aria-labelАтрибут aria-labelledby для секции пользователя.string
aria-labelledbyАтрибут aria-labelledby для секции пользователя.string
classNameПользовательский CSS-класс корневого элемента.string
styleHTML-атрибут style.React.CSSProperties
qaHTML-атрибут data-qa, используется для тестирования.string