Bug Tracker Active
Toast
Toast je krátké, nenápadné oznámení, které se dočasně zobrazí nad uživatelským rozhraním a informuje uživatele o výsledku akce nebo stavu systému. Na rozdíl od modalu neblokuje interakci.
WCAG 2.2Klávesnice
Máme base, info, success, warning a danger. Lze definovat různé typy zpráv s nastavitelnou dobou zobrazení. Edituje se pouze Title a Text. Ostatní vlastnosti jsou povinné. Ikona je závislá na stavu. Close button je vždy viditelný. Kdy použít jakou variantu je dovysvětleno v záložce Textace.
Pozice je vždy vpravo nahoře 20px od horního a praveho okraje. Toast se automaticky zavře po 5-ti vteřinách. Chování sticky je v komponentě volitelné. Sticky variantu je vždy nutné zavřít ručně, nezavře se automaticky pomocí timeout.
Toast může být použitý ve variantě multiple, kdy se messages stackují pod sebe. Gap mezi toasty je Spacing:16px Prioritizace: Pokud je více toastů, upřednostňují se nejdůležitější (např. chybové) toasty.
Toasty mají nastavený token z-index.4000, aby byly vždy nad ostatním obsahem, ale nepřekrývaly modální okna.
Stackování na mobilech vede k překrývání obsahu a zvyšuje zátěž na uživatele. Komplexní obsah zhoršuje čitelnost na malých displejích. Na malých displejích neděláme stackování ale zobrazujeme zprávy postupně.
