Spinner je vizuální indikátor načítání, který signalizuje, že aplikace zpracovává úlohu a uživatel musí chvíli počkat. Na rozdíl od Skeletonu neukazuje strukturu budoucího obsahu.
Spinner
Použití
Kdy používáme
Pokud se načítání nedá předvídat a struktura obsahu není jasná.
Při krátkých čekacích dobách (1–3 sekundy).
Pro akce, které jsou blokující (uživatel musí vyčkat).
Kdy nepoužíváme
Při dlouhém načítání obsahu → lepší skeleton (ukáže strukturu).
Jako jedinou informaci – vždy doplnit o text nebo kontext, pokud je to delší.
Pokud spinner působí nekonečně → lepší je progress bar (s odhadem).
Varianty
Základní varianta
Pro běžné load akce použijte základní variantu bez pozadí
Live preview
Zvolit téma:
Loading state
Spinner používáme i pro zobrazení loading state např. na komponentě Button.
Live preview
Zvolit téma:
Varianta s pozadím
Pokud je třeba zamezit akci uživatele při načítání obsahu, použijte variantu s pozadím.
