# Карта интерактивных примеров

Витрина v1.007 · норматив КНОПКИ.md v12 · 60 ID.

| ID | Лаборатория | Проверка |
|---|---|---|
| В01 | [appearance](index.html#appearance) | Осмотрите острые края кнопки и всех частей группы. |
| В02 | [appearance](index.html#appearance) | В блоке устройства видны подключённые общие компоненты и реальные классы образца. |
| В03 | [appearance](index.html#appearance) | Измерьте обычные кнопки: 120 × 24 CSS px, включая длинную подпись. |
| В04 | [sliders](index.html#sliders) | Сравните пару Отмена / Повтор 120 px, кадр с центральной дорожкой 120 px и отдельными шевронами, и общий транспорт: исключение имеет конкретное назначение. |
| В05 | [appearance](index.html#appearance) | Измерьте зазор в начале, середине и внизу столбца: 2 px. |
| В06 | [appearance](index.html#appearance) | Наведите, включите и удержите кнопку: размер в измерителе не меняется. |
| В07 | [appearance](index.html#appearance) | При наведении, выборе и удержании сравните фон в измерителе. |
| В08 | [appearance](index.html#appearance) | Проверьте текст кнопки, половины и заголовка: нет свечения и смены цвета. |
| В09 | [appearance](index.html#appearance) | Наведите на кнопки разных цветов и отдельные половины. |
| В10 | [appearance](index.html#appearance) | Наведите, включите, удержите: измеритель покажет 1 / 2 / 3 px. |
| В11 | [appearance](index.html#appearance) | Включите, наведите и удержите; отпустите: рамка возвращается к 2 px. |
| В12 | [appearance](index.html#appearance) | Раскройте длинную группу: подложка непрерывна до нижнего ползунка. |
| В13 | [appearance](index.html#appearance) | Сравните боковой край подложки и размер зазора: 1 и 2 px. |
| В14 | [layout](index.html#layout) | В раскладке откройте Заливка: внутренний шеврон меньше внешнего, отделён от края и не перекрывает подпись. Значки команд взяты из общего menu-icons.js. |
| В15 | [layout](index.html#layout) | На узком экране откройте список и прокрутите его, кнопки сохраняют размер. |
| Р01 | [layout](index.html#layout) | Выберите верхнее положение: под заголовком один столбец. |
| Р02 | [layout](index.html#layout) | Выберите левое положение и 7 или 5 строк: длинная группа продолжается вправо. |
| Р03 | [layout](index.html#layout) | Сначала раскройте группу заголовком, затем список кнопкой Заливка: это разные уровни. |
| Р04 | [layout](index.html#layout) | Откройте Заливку сверху/снизу; переключите край: список открывается сбоку. |
| Р05 | [layout](index.html#layout) | Сузьте экран и прокрутите контейнер: все варианты остаются доступны. |
| Р06 | [layout](index.html#layout) | Нажмите Перекрытие: список скрывает Оси целиком. Закройте список: группа вернётся. Нажмите Группа поверх: раскрытая боковая группа также скрывает целую соседнюю группу. |
| Р07 | [layout](index.html#layout) | Выберите состояние Осей, откройте и закройте список: место и выбор восстановятся. |
| Р08 | [layout](index.html#layout) | При списке нажмите приглушённый Центр: он работает, затемнение снимается после закрытия. |
| Р09 | [layout](index.html#layout) | Закрепите значком булавки в заголовке; откройте другую группу. Нажатие булавки не раскрывает и не перетаскивает группу; проверьте Enter/Пробел и F5. |
| Р10 | [layout](index.html#layout) | Перетащите заголовок за середину другой группы или к краю; щелчок после переноса не включается. |
| Р11 | [layout](index.html#layout) | Перемещайте длинную группу между краями: проверьте контур и равные интервалы. |
| Р12 | [layout](index.html#layout) | Правый щелчок / Shift+F10 / клавиша меню сворачивает заголовок в ромб и возвращает его; обычный клик раскрывает ту же группу. Проверьте перетаскивание и F5, независимость раскрытия/закрепления. |
| Р13 | [layout](index.html#layout) | Откройте Оси: верхний полуконтур заголовка и нижний под последним пунктом. Проверьте hover, удержание/отпускание, закрытие, ромб и список Заливка; над первым вариантом бокового столбца — верхняя полуобводка, симметричная нижней. |
| Т01 | [captions](index.html#captions) | Введите Ширина или Заливка: показан результат общего модуля по исходному слову. |
| Т02 | [captions](index.html#captions) | Введите аЕёьъ БОК: регистр сохраняется, ь и ъ не становятся согласными. |
| Т03 | [captions](index.html#captions) | Введите Центр, ЦВЕТ, Ось, меню, съездъ: проверьте конечный знак. |
| Т04 | [captions](index.html#captions) | Сравните заголовки, варианты, половины, транспорт и динамическую кнопку. |
| Т05 | [captions](index.html#captions) | Наведите и сфокусируйте сокращённую кнопку: title и доступное имя полные. |
| Т06 | [captions](index.html#captions) | Измените пользовательское имя и осмотрите ID, URL, число, скрытый исходный контрол: они неизменны. |
| Т07 | [captions](index.html#captions) | Меняйте текст, затем нажмите Повторить: повторное применение не наращивает ъ. |
| Т08 | [captions](index.html#captions) | Сверьте семь точных примеров под полем ввода. |
| Т09 | [captions](index.html#captions) | Введите длинное название: ширина останется 120 px, полный текст в подсказке. |
| Т10 | [captions](index.html#captions) | Осмотрите отдельную команду По ширине: видимая подпись Шрна по Оси. |
| Т11 | [captions](index.html#captions) | Включите ? и наведите кнопку: рядом появится подсказка на её фоне без рамки. |
| КН01 | [pairs](index.html#pairs) | Нажимайте обе равные половины пары: каждое действие отдельно. |
| КН02 | [pairs](index.html#pairs) | Сначала нажмите образец неактивной палитры: только смена режима, без окна и изменения цветов. Повторите: открывается выбор цвета. Повторите Enter / Пробел; стрелки внутри половины выбирают один из двух образцов. |
| КН03 | [pairs](index.html#pairs) | Сравните исключающие направления и независимые переключатели: рамки принадлежат половинам. |
| КН04 | [pairs](index.html#pairs) | Выберите Вверх и Вниз в одной паре. |
| КН05 | [memory](index.html#memory) | Измените режим, число, цвет, положение, порядок, закрепление и раскрытие; перезагрузите страницу. |
| КН06 | [memory](index.html#memory) | Добавьте контрольное поле в снимок, восстановите: неизвестное поле не теряется, ключ постоянный. |
| КН07 | [input](index.html#input) | Двигайте мышью и прокручивайте меню: счётчик меняется только нажатием. |
| КН08 | [input](index.html#input) | Откройте перекрытие и пройдите Tab: скрытых кнопок нет в фокусе; disabled не увеличивает счётчик. |
| КН09 | [input](index.html#input) | Tab показывает тонкую рамку; Enter/Пробел включают кнопку, стрелки управляют range. |
| КН10 | [pairs](index.html#pairs) | Выберите правую половину мышью и клавишей Enter: разделитель /; левую: \. Обновите страницу: выбор и наклон восстановлены. Независимая пара наклон не меняет. |
| ПЛ01 | [sliders](index.html#sliders) | Щёлкните шеврон, затем удержите: один шаг и повтор; перетащите ромб. |
| ПЛ02 | [sliders](index.html#sliders) | Двигайте обычный ползунок: значение остаётся по центру дорожки, имя в title/aria. |
| ПЛ03 | [sliders](index.html#sliders) | Испытайте общий zz-pult: направление, пуск и скорость; универсальная range-обёртка не подключена. |
| ПЛ04 | [sliders](index.html#sliders) | Двигайте кадр: число касается нижнего края ромба и следует за ним. |
| ПЛ05 | [sliders](index.html#sliders) | Сравните центральную дорожку кадра с блоком Отмена/Повтор: обе 120 px, шевроны отдельно. |
| ПЛ06 | [sliders](index.html#sliders) | Транспорт стоит сверху, Отмена/Ось/Повтор снизу; Переставить сохраняет пользовательский порядок. |
| ПЛ07 | [layout](index.html#layout) | Перетащите группу Хорр, откройте размер, обновите страницу: положение сохраняется. |
| ПЛ08 | [field](index.html#field) | Справа от образца битов видны текущий кадр и размер поля 512. |
| ПЛ09 | [field](index.html#field) | Включите Числа; наведите число или дайте фокус: нужная линия выделяется перед битами. |
| ПЛ10 | [field](index.html#field) | Уменьшите до 1 физического px, увеличьте: короткие подписи появляются без пересечений. |
| ПЛ11 | [field](index.html#field) | Осмотрите нижнюю вершину и список длин: отрезки обрезаны фигурой, вниз продолжается только ось. |