2.3 KiB
ResourceRow и ResourceList
Владелец 2026-09-05 запросил перенос существующих длинных строк Mission Core AI Inference в Node с повторным использованием Design Guideline. Источник: ObservatoryWorkspace / observatory-evidence-card. Это выделение существующего оформления в общий компонент, без лабораторной модели данных.
ResourceList содержит обычные li; внутри — ResourceRow с обязательным
title, опциональными icon, description, metadata, status, actions.
Слоты действий принимают канонические Button/IconButton. Клик по всей строке
не назначается: самостоятельные действия имеют свои доступные подписи и focus.
Геометрия источника сохранена: минимум 4.25rem, отступы .7/.85rem, значок 2.15rem, компактный радиус и существующие токены поверхности/типографики. Длинное название переносится; метаданные сокращаются визуально, полный текст можно передать через title. На узком экране статус и действия переходят ниже.
Состояния поставляет consumer: нормальное, пустой список, загрузка, ошибка, недоступное действие. Pending отмечается aria-busy и ActivityIndicator; disabled и keyboard/focus остаются у общего контрола. Строка не объявляет объект доступным или подключённым самостоятельно.
Пример находится в живом каталоге, раздел «Контролы → Строки ресурсов».
Для длительных операций с линейной индикацией используйте progress
(ProgressBar: label, value, valueText). Он заменяет status, оставляет действия
справа и занимает промежуток после названия.