Toasts

Типы уведомлений

Заголовок и длительность

Управление очередью

Входные параметры

ИмяТипПо умолчаниюОписание
position'top-right' | 'top-left' | 'bottom-right' | 'bottom-left''top-right'Позиция стека на экране

Описание

Список уведомлений (тостов) отображает очередь всплывающих сообщений в углу экрана. Используется для обратной связи: успех, ошибка, информация, предупреждение. Очередь глобальна для всего приложения.

Для отображения достаточно разместить C3Toasts один раз (например, в корневом макете). Показ тоста выполняется программно через composable useC3Toasts() и его метод add.

Дополнительная информация

  • Компонент не принимает контент слотом — данные берутся из глобального хранилища.
  • Состояние и управление — composable useC3Toasts: toasts, add(options), remove(id), pause(id), resume(id), clear().
  • Опции add: title, description, type ('success' | 'error' | 'info' | 'warning'), duration (мс, 0 — без автозакрытия, по умолчанию 4000).
  • Стек телепортируется в body; анимация появления/ухода через TransitionGroup.
  • Автозакрытие по прогресс-бару с паузой при наведении на тост.
  • Доступность: role="alert" для ошибок и role="status" для остальных типов; кнопка закрытия с aria-label.
×