Spinner

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.

Klávesnice

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.

Live preview

Zvolit téma: