Перейти к содержимому

CoreDropdownMenu

Примеры использования и документация.

Меню действий рядом с кнопкой: компактный список операций (редактировать, поделиться, удалить) — пользователь выбирает действие, не разбираясь в структуре страницы. Классика для «kebab»-меню карточек и строк таблиц, контекстных действий и навигационных списков.

Меню полностью живёт с клавиатуры по паттерну APG Menu Button / Menu: открытие — клик, Enter/Space или стрелка (ArrowDown — к первому пункту, ArrowUp — к последнему), внутри — roving tabindex, ↑↓ по кругу, Home/End, type-ahead по первым буквам. Esc закрывает и возвращает фокус на триггер. Открытие по наведению фокус со страницы не крадёт.

Пункты декларативны: label / icon / danger (красный — для деструктивных действий) / disabled (фокусируем, но не активируем — как требует APG) / to (рендер CoreLink-ссылкой, меню закрывается переходом) / divider (разделитель) / переключатели type="checkbox|radio" с aria-checked. Выбор пункта без to — событие select с пунктом и автозакрытием; произвольное содержимое — слот #content с close в контексте. Под капотом — CorePopover: стек оверлеев, клип по краям экрана, flow-рамка (--popover-flow-a/-b).

выбрано: —