User Card

User Card показывает пользователя одной карточкой: Avatar по id, приглушённая строка ID … и имя средним начертанием. Без name карточка становится плейсхолдером неизвестного пользователя — особый персонаж и две серые полосы вместо текста, как в ките (type=undefined).

Статус: experimental · в системе с 2026-08 · интерактивность: none (нет)

Когда использовать

Владелец или ответственный в сводке редактора сущности: кто ведёт кампанию, аккаунт, заявку.
Текущий пользователь в панели администратора: за кем сейчас смотрят или от чьего имени действуют.
Пользователь ещё не назначен или неизвестен — карточка-плейсхолдер держит место и форму.

Не использовать:

Строка пользователя в плотной выдаче или ячейке — это User Line без поверхности и тени.
Один аватар как визуальный якорь без ID и имени — это Avatar.
Карточка с действиями, ролью или балансом — в ките таких вариантов нет; действия живут рядом, а не внутри.

Альтернативы:

user-line — тот же пользователь одной строкой без поверхности
avatar — только визуальный идентификатор

Базовая

Пользователь с ID и именем; длинное имя обрезается многоточием.

ID 1337 name_lowercase

ID 2048 a_very_long_login_that_does_not_fit_the_card

<!--
  🟢

  Обычная карточка кита: Avatar s по id, приглушённая строка «ID …» и имя
  средним начертанием. Длинное имя не переносится и обрезается многоточием.
-->

<script>
import UserCard from "$lib/ui/UserCard.svelte";
</script>

<UserCard id={1337} name="name_lowercase" />
<UserCard id={2048} name="a_very_long_login_that_does_not_fit_the_card" />

Неизвестный пользователь

Без name — особый персонаж и две полосы на месте текста.

<!--
  🟢

  Карточка неизвестного пользователя (кит: type=undefined): без name
  рисуются особый персонаж Avatar и две серые полосы на месте ID и имени.
-->

<script>
import UserCard from "$lib/ui/UserCard.svelte";
</script>

<UserCard />