Design System/Данные и статусы
Data display
Data display

Представление данных

Компоненты для статусов, ролей, продуктов, каналов, идентичности и кратких показателей.

Статусы

Полный набор ключей StatusPillKey.

src/shared/ui.tsx
StatusPill12 состояний
Работает Активен Опубликован Заблокирован Неактивен Приглашён Архивный Черновик Ошибка Проверяется Не проверялось

Роли

Роли сотрудников организации.

src/shared/ui.tsx
RoleBadgeOWNER · ADMIN · EMPLOYEE
Владелец Администратор Сотрудник

Продукты

Плотный tag для таблиц и нейтральный mark для текста.

ui.tsx · utils.ts
ProductTagproductAccent()
FoxRay Chatballs FirePage
ProductMarkProductMark
FoxRay Chatballs

Каналы

Короткие метки провайдеров из общего словаря.

badges.tsx · providers.ts
ChannelBadgeEMAIL · MAX · TG · WEB
Email MAX TG Web Unknown

Идентичность и показатели

Avatar, KeyValue и MetricBox.

ui.tsx · form-controls.tsx
Avatarinitials()
АЕ ИК EH
KeyValueKeyValue
ОрганизацияООО «ЭДЕВС»
ВладелецАндрей Ермолаев
MetricBoxMetricBox
Активные агенты6

Иконки

Набор Icon из shared. Здесь показаны наиболее частые роли.

src/shared/icons.tsx

grid

box

list

columns

search

more

edit

trash

warning

bell

user

message