Design System
/
Components
/
Toasts
C-08 · Component
Toasts
Лаконічні нотифікації top-right. Aria-live polite. Стек до 3, FIFO.
Live triggers
Success
Warning
Danger
Static showcase
✓
Дані збережено
Профіль оновлено о 12:34
!
Не всі поля заповнено
Перевірте телефон і дату народження
✕
Помилка зʼєднання
Спробуйте ще раз через хвилину
Specs
Position: top-right desktop, top mobile
Duration: 4s default, sticky для errors (до dismiss)
Max stack: 3, oldest dismisses first
aria-live="polite" (info/success), aria-live="assertive" (error)
Animation: fadeUp 240ms on enter, fade 200ms on exit
Left border 3px у seman кольорі — як post-it маркер