Індикація

Toast

Транзієнтні повідомлення поверх Modal. Той самий physical+data-driven підхід, що Banner: face лежить на base, recipe(ramp, stop) керує всім (face/base/border/ink/iconShell). Светлі stop → светлий фон + темна обводка, темні stop → темний фон + светла обводка.

import { Toast } from "@residence/glass-ui"

Налаштування · тост · sapphire-100

Перемикач справа обирає, що зараз редагує picker — фон тоста чи action-кнопку з іконкою.

01 · Палітра

02 · Hue · Сапфір

03 · Stop · 100

Прев'ю · sapphire-100 (light)

4 семантичні варіанти тоста + persistent. Action і close використовують recipe з другого picker'а.

Default · infotitle + description + action + dismiss

Інформаційне повідомлення

Натисніть ще раз — стак з 6 toasts по черзі витискається.

Successtitle + description

Збережено

Зміни застосовано до контракту 5-БЛ-2024.

Warningбез action

Лічильник не передано

Останній раз показники надавали 56 днів тому.

Errorз action

Помилка збереження

Сервер повернув 500. Спробуйте знову через хвилину.

Persistent · title onlyбез description

Persistent toast — duration=null

Recipetoken=sapphire-100 · isDark=false

face   : #C8D8FB → #8FB1F8
base   : #5683F0 → #5683F0
border : #5683F0
ink    : #040A21
icon   : bg=#1B45C8