Interlegal UI

поточна версія v1.1.0 · STANDARD § 5.12

Спільні компоненти внутрішніх застосунків Interlegal. Шапка збирається з них, а не малюється кожним застосунком наново: форма кнопки описана в одному місці й накладається на все, що потрапило в шапку, — зокрема на кнопки, які вставляє чужий код.

Шапка й кнопки — компʼютер

світла тема

темна тема

Шапка й кнопки — телефон (390 px)

світла · зум схований, «Вийти» — іконкою

темна

Підключення

<script src="https://interlegal-ui.pages.dev/v1.1.0/il-ui.js"
        integrity="sha384-Ov6p9UFqbq61SXEP2ddv/1QrNqCuc8X4+dOPvHWp8bEiZxmBKIptM9jwom/7u0N4" crossorigin="anonymous"></script>

<il-topbar hub-href="https://interlegal-hub.pages.dev/" hub-name="BDSM HUB" app="Назва">
  <svg slot="mark" …></svg>           <!-- знак застосунку, необовʼязково -->
  <il-zoom></il-zoom>
  <button aria-label="Довідка">…</button>  <!-- власна дія застосунку — форму дасть шапка -->
  <il-theme id="theme-toggle"></il-theme>
  <il-logout></il-logout>
</il-topbar>

Скрипт — у <head>, без defer: компоненти визначені до розбору сторінки, шапка не блимає.
У політиці вмісту застосунку: script-src … https://interlegal-ui.pages.dev.
Версії незмінні. Нова версія — нова адреса; застосунок переходить на неї свідомо, правкою одного рядка.
Кнопки робочої області — звичайні <button> чи <a> з класом: il-btn (другорядна), il-btn il-btn--primary (основна, одна на екран), il-btn--ghost (тиха), il-btn--danger (незворотна дія); розміри il-btn--sm, il-btn--icon, il-btn--block. Інший контрол (вкладка, перемикач, пункт меню) — з роллю (role="tab" тощо) або data-il-control.
Події: il-theme, il-zoom; il-logout — якщо в застосунку немає msSignOut().

Версії

Версія	Хеш цілісності (integrity)
`v1.1.0`	`sha384-Ov6p9UFqbq61SXEP2ddv/1QrNqCuc8X4+dOPvHWp8bEiZxmBKIptM9jwom/7u0N4`
`v1.0.0`	`sha384-d1/XStJw2PXUh+NGGta6qGW+LBeuppnBePa5Sa1XqG43QpF/SozTBVB+A9j640Ie`