Image 1
1. Режим и инициализация
AUTO: только кнопка. По нажатию применяется пресет. CONTROL: кнопка + панель с пользовательскими настройками. Destroy: удаляет кнопку/панель и очищает атрибуты режима.
2. Базовые переключатели
3. Текст и читаемость
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quia pariatur atque repellendus quae. Rerum, pariatur. Cum molestiae, rem eius eligendi culpa sed cumque? Iusto aperiam, dignissimos facilis distinctio ducimus quae!
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quia pariatur atque repellendus quae. Rerum, pariatur. Cum molestiae, rem eius eligendi culpa sed cumque? Iusto aperiam, dignissimos facilis distinctio ducimus quae!
Размер шрифта
Семейство и выравнивание
Интервалы
4. Контраст и тема
Контраст
Тема
Тема и контраст — разные параметры. Тема меняет цветовую схему, контраст усиливает читабельность. Проверь оба блока отдельно и вместе (например: dark + high).
5. Ссылки и анимация
Пример ссылки: a11y-demo-link
Пример анимации:
6. Изображения и strategy
Важно: стратегии transparent и collapse работают только когда режим изображений = hide.
transparent: визуально скрывает контент, старается мягко сохранить поток.
collapse: сильнее сжимает блоки с изображениями, уменьшая их влияние на layout.
Image 2
7. Хранение состояния
NONE: состояние не сохраняется. LOCAL: сохранение в localStorage до ручной очистки. SESSION: сохранение в sessionStorage до закрытия вкладки.
8. Язык панели
Переключение языка на лету работает в control-режиме через публичный API setLocale.
9. Варианты кнопки
UI mount slot
Проверка режимов кнопки: только label, только icon, icon + label. Укажите путь до иконки в настройках кнопки, используйте флаг useDefaultIcon для включения/выключения дефолтной svg.
Встраивание в разметку: используйте uiMount + disableAutoPosition.
10. стили
Не импортируйте стили для кастомизации панели и кнопки