Stepper

Slouží k rozčlenění obsahu pomocí na sebe navazujících kroků. Využívá se pro prezentování návodů (postupů).

Použití ​

• Využívá se k prezentování návodů (postupů), které představují sekvenci na sebe navazujících kroků.
• Používá se k rozčlenění obsahu, který je určený k porozumění jednotlivých kroků (např. návod jak si stáhnout mobilní aplikaci, postup jak vytvořit QR kód pro platbu v bankovní aplikaci apod.) Uživatel vidí veškerý obsah jednotlivých kroků najednou.

Pozor: Není náhradou kroků ve formuláři! Uživatel informace ve stepperu pouze konzumuje, nejedná se o odbavení dané služby, např. proces objednání zboží v košíku na e-shopu. Pro tyto účely slouží komponenta Průvodce.

Popis ​

• Obsah rozděluje do menších logických celků, které na sebe navazují.
• Usnadňuje čtení a orientaci díky číslování jednotlivých kroků.
• Prezentace obsahu v jednotlivých krocích může být přizpůsobena pro potřeby snadnějšího porozumění (např. jeden krok je pouze popisný, druhý má navíc animaci apod.).
• Pro vícekrokové návody se může využít funkce rozbalování obsahu, což přináší výhodu v ušetření výšky na stránce, a zároveň je obsah prezentovaný až po kliku, kdy se uživatel plně zaměřuje na porozumění daného kroku,

Nevkládejte steppery do stepperů.