Example15 — слоты workspace counter

Блок node-navigation-workspace-counter-list на обзоре ноды: 🧠 Память, 📥 Входящие, 📒 Заметки… Сейчас — сетка карточек 4×N с подписью «Разрешенные типы». Здесь 10 альтернатив без смены данных.

overview hub slot counters 618px frame

Сетка сравнения Baseline #01

Контекст: ui-variant-13 — куда положить слоты в layout; ui-variant-15 — как их нарисовать внутри hub-main. Рекомендация для старта: сравнить #01 (прод), #02 (компакт), #09 (группы по schema).

Запуск: cd public/examples/ui-variant-15 && python3 -m http.server 8775

Production grid

Как в проде: 4 колонки, карточка, «Разрешенные типы» подписью.

Открыть

Compact rows

Строки вместо плиток — меньше высоты блока.

Открыть

Pill strip

Лента чипов с горизонтальным скроллом.

Открыть

Bento mosaic

Разный размер плитки по «весу» слота.

Открыть

Icon rail

Слева emoji-rail, справа детали и счётчики.

Открыть

KPI stats

Dashboard: число доминирует, типы — tooltip.

Открыть

Segment tabs

Один активный слот, остальные — табы с count.

Открыть

Dense table

Табличный scan для power users.

Открыть

Color bands

Группировка память · папки · файлы цветом.

Открыть

Minimal links

Ultra-light: без карточек и рамок.

Открыть