UI Foundation

Состояния и feedback

Alerts, loading, skeleton, empty/success/error/404 и mapping системных сообщений.

Feedback

Alerts and banners

Состояние объясняет, что произошло, что это значит и какой следующий шаг.

Информационное сообщение

Данные являются provisional и требуют подтверждения.

Успешно

Демонстрационная заявка прошла локальную validation.

Требуется reviewer

Юридическая формулировка не утверждена для production.

Ошибка

Не удалось отправить данные. Сохраните введённое и повторите позже.

Async states

Loading and progress

Долгое действие всегда имеет понятное состояние и не отправляется повторно.

Progress

64% · загрузка документов

Spinner

Подготавливаем расчёт…

Skeleton

System pages

Empty, success, error and 404

System states предлагают восстановительное действие и не оставляют пользователя в тупике.

Ничего не найдено

Измените фильтр или вернитесь к списку материалов.

Заявка подготовлена

В foundation это только state; реальная отправка отсутствует.

Сервис временно недоступен

Сохраните данные и используйте альтернативный канал связи.

404

Страница не найдена

Проверьте адрес или перейдите к основным маршрутам.

Transient feedback

Toast variants

Короткое подтверждение не перекрывает критический контент. Ниже показаны нейтральный, success, info, warning, error, action, persistent и compact варианты, а также live stacking.

Нейтральное сообщениеФоновая операция завершена.

сейчас

Настройки сохраненыИзменения применены локально.

Файл готовМожно перейти к следующему шагу.

4 сек.

Проверьте данныеНекоторые поля требуют уточнения.

Не удалось сохранитьПовторите попытку или откройте детали.

Отчёт сформированФайл доступен в течение сессии.

Требуется решениеPersistent toast закрывается только пользователем.

Скопировано

Live playground

Auto-dismiss: 4.2 s; persistent остаётся до закрытия. Stack ограничен четырьмя сообщениями.

Позиция

Toast playground

Success/info используют role=status; warning/error — role=alert. Toast не заменяет error summary формы и не скрывает критическое действие.

Integration contract

Joomla message mapping

На следующих фазах системные Joomla messages должны маппиться на те же semantic states.

Joomla type	UI state	Поведение
message / success	Success alert	Фокус на summary при submit.
notice / info	Info alert	Не выглядит как error.
warning	Warning alert	Есть конкретный следующий шаг.
error	Danger alert	Сохраняет введённые данные.