Legacy ADMY Toast

Уведомление показывает текст и тип общей очереди store/toast. Блок стоит абсолютно в 15px от верха и по центру окна, само уведомление закреплено fixed. Тип error, success или default задаёт значок x, check или info, его цвет, градиент фона и цвет полосы таймера; неизвестный тип получает значок default и цвет m3350. Полоса таймера заполняется CSS-анимацией 2s, крестик закрытия появляется при наведении и сбрасывает текст и таймер очереди. Появление длится 300ms, исчезновение — 800ms.

Статус: experimental · в системе с 2026-09 · интерактивность: conditional (по конфигурации)

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

Перенос экрана ADMY с уведомлением о результате действия.

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

Новое уведомление без требования сохранить legacy.

Уведомление очереди

Кнопка ставит уведомление в общую очередь.

Показать уведомление

<!--
/**
 * 🟢
 *
 * Образец показывает исходный Toast через общую очередь уведомлений.
 * Уведомление появляется у верхнего края окна и скрывается по таймеру очереди.
 */
-->
<script>
import Toast from "$lib/ui/LegacyAdmyToast.svelte";
import Btn from "$lib/ui/LegacyAdmyBtn.svelte";
import { setLegacyToast } from "$lib/ui/legacy-admy-toast-state.js";
import { t } from "$lib/spec/demo-lang.svelte.js";
</script>
<Btn onclick={() => setLegacyToast({ text: t("Сохранено"), type: "success" })}>{t("Показать уведомление")}</Btn>
<Toast />