Legacy ADMY Dropdown

Щелчок по шапке сообщает обратное значение modelValue, внешний щелчок всегда сообщает false. Содержимое выводится при modelValue под шапкой: по умолчанию прижато к её левому краю, а если после открытия левая граница шапки плюс ширина содержимого выходит за ширину документа — к правому. Направление считается только при переходе к открытому состоянию. space добавляет отступ 10px, paddingSize задаёт поля шапки, loading включает skeleton. Слот popover выводится всегда.

Статус: experimental · в системе с 2026-09 · интерактивность: always (всегда)

Когда использовать

Перенос исходного выпадающего блока шапки или панели ADMY.

Не использовать:

Новое выпадающее меню без требования сохранить legacy.

Исходный блок

Шапка и меню в области содержимого.

<!--
/**
 * 🟢
 *
 * Образец показывает исходный Dropdown с меню в области содержимого.
 * Шапка переключает открытие, внешний щелчок закрывает, как в исходнике.
 */
-->
<script>
import Dropdown from "$lib/ui/LegacyAdmyDropdown.svelte";
import Menu from "$lib/ui/LegacyAdmyMenu.svelte";
import MenuItem from "$lib/ui/LegacyAdmyMenuItem.svelte";
import { t } from "$lib/spec/demo-lang.svelte.js";
let open = $state(false);
</script>
<Dropdown bind:modelValue={open} paddingSize="m">
	{#snippet header()}{t("Открыть")}{/snippet}
	{#snippet content()}<Menu><MenuItem icon="user">{t("Профиль")}</MenuItem><MenuItem icon="log-out">{t("Выход")}</MenuItem></Menu>{/snippet}
</Dropdown>