Общие примитивы UI-kit
Статический адаптер @sgeo/ui-kit v4 подключён к Jinja-макросам.
Страновой акцент подтягивается автоматически из HSL-токена --primary.
Buttons
Inputs, Select, Textarea
Checkbox & Switch
Alerts
Badges
Cards
Default card
Базовый вариант с border
Контент карточки. новое
Elevated + interactive
Тень + hover подъём
Наведите курсор.
Outline
Без фона, только рамка
Для вторичного контента.
Ghost + top accent
Страновой акцент сверху
Цвет линии — hsl(var(--primary)).
app/templates/macros/av/,
стили — app/static/css/av-ds/components.css.
Классы .av-* сосуществуют с .qs-* и легаси-стилями Total — breaking-изменений нет.
Волна 2 — Навигация
PageHeader, Breadcrumbs, PillTabs, SegmentedControl, LanguageSwitcher.
Page Header
Персоны Центральной Азии
Карточки ключевых фигур региона — политики, бизнес, культура. Поиск, фильтры по стране и сфере влияния.
Breadcrumbs
Pill Tabs
Segmented Control
Language Switcher
Wave 3 — Cards & Metrics
AccentCard · MiniMetric · ScoreBar · DataTable · Sparkline
AccentCard
Использует --primary страны
С мягким свечением
Предупреждение
Критичное состояние
Без цветового акцента
Hover для эффекта
MiniMetric
ScoreBar
DataTable
| Город | Пользователи | Рост |
|---|---|---|
| Алматы | 48 210 | +12.4% |
| Астана | 32 548 | +8.1% |
| Шымкент | 18 302 | +3.2% |
| Караганда | 9 104 | −1.8% |
| Город | Пользователи | Рост | |
|---|---|---|---|
| Данных пока нет | |||
Sparkline
Wave 4 — Editorial Patterns
ArticleHero · ArticleBody (.av-prose) · PersonCard · FeedCard · KeyFactsBox · ExpertQuote · Callout
ArticleHero
ЕАЭС расширяет торговлю с Центральной Азией: ключевые цифры апреля
Данные Евразийской экономической комиссии показывают рост взаимной торговли на 12%. Ключевым драйвером остаются поставки сырья и продовольствия.
ArticleBody (.av-prose) + helpers
Сегодня Евразийская экономическая комиссия опубликовала квартальный отчёт о торговле между странами ЕАЭС и государствами Центральной Азии. Данные охватывают первый квартал 2026 года.
Ключевые драйверы роста
Главным фактором роста стали поставки энергоносителей и продовольствия. По оценке экспертов, этот тренд сохранится до конца года, если не произойдёт резких изменений в ценах на сырьё.
Мы видим устойчивый рост торговли между ЕАЭС и странами Центральной Азии. Это не разовое явление, а стратегический тренд последних трёх лет.
В региональном разрезе лидерами роста оказались Узбекистан и Кыргызстан, где объём взаимной торговли с ЕАЭС увеличился на 18% и 15% соответственно.
Что дальше
Следующий квартальный отчёт ожидается в июле. Эксперты прогнозируют сохранение положительной динамики при условии стабильности цен на энергоносители.
PersonCard
FeedCard
Wave 5 — Admin UI
DataTable (sort, bulk-select, pagination, toolbar) · InlineEditableTable · DetailDrawer · KanbanBoard · Toast · Dialog
DataTable — sort + select + toolbar + pagination
InlineEditableTable
Нажми на значение — откроется inline-форма. Esc для отмены. (POST-action ведёт в # в демо.)
| ID | Название | Slug | Приоритет |
|---|---|---|---|
| #1 | Политика | politika | 10 |
| #2 | Экономика | ekonomika | 20 |
| #3 | Наука и Техно | nauka | 30 |