User Line

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

• Пользователь в строке выдачи или ячейке таблицы: владелец кампании, автор заявки.
• Подпись под заголовком или в шапке карточки сущности: кто владеет объектом и его баланс.
• Лента событий и комментарии: кто сделал действие, одной строкой без поверхности.

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

• Карточка владельца в сводке редактора — это User Card с поверхностью и тенью.
• Только визуальный якорь без текста — это Avatar.
• Роль, статус или действия в строке — в ките их нет; ставятся отдельными компонентами рядом.

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

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

Базовая

ID, имя и почта через тире — состав кита по умолчанию.

<!--
  🟢

  Базовый состав кита: Avatar xs, «ID …», имя и почта через тире мелким
  приглушённым текстом.
-->

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

<UserLine id={1337} name="name_lowercase" email="email@email.com" />

С балансом

Тот же пользователь со значком кошелька и суммой в конце строки.

<!--
  🟢

  Тот же пользователь с балансом: строка заканчивается тире, значком кошелька
  и суммой. Баланс приходит готовой строкой продукта.
-->

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

<UserLine id={1337} name="name_lowercase" email="email@email.com" balance="$90" />