Action Bar

Použité komponenty

Základní varianta

Action Bar má jen jednu variantu, která je variována počtem a umístěním buttonů.

• V pravé action zóně mohou být až tři buttony.
• V levé action zóně mohou být až tři buttony.
• pozadí lišty je 80% transparentní s nastaveným background-blur

Chování

Používání ikon

Ikona pro funkci by měla být dostatečně srozumitelná i bez použití doprovodného textu

Confirmation/Submit akce

Tlačítko pro potvrzení se umisťuje na pravou stranu obsahu. Umístění potvrzovacího tlačítka vpravo odpovídá očekávání uživatele, že bude postupovat vpřed, posouvat nebo otáčet stránku a dokončovat akci.

Pouze jeden Popover

Více voleb v Actionbar lze zobrazit v popover menu. Actionbar neumožňuje současně použití více než jednoho popover menu.

Pozicování Actionbaru

ActionBar je umístěn na spodní straně layoutu a vyplňuje jeho šířku.

• Vždy leží nad obsahem stránky a překrývá ho. Není součástí toku obsahu, ale samostatnou vrstvou nad ním. Proto má 80% transparentní pozadí s background-blur – uživatel vidí, že pod lištou obsah pokračuje.
• Výjimkou je levé menu Neuronu, které ActionBar nikdy nepřekrývá. ActionBar začíná až za pravou hranou menu a vyplňuje pouze zbývající šířku layoutu. Chová se stejně pro rozbalené i sbalené menu.
• Je sticky. Při scrollování zůstává ukotvený u spodní hrany obrazovky a je trvale dostupný bez ohledu na délku obsahu. Neposouvá se s obsahem a nikdy nemizí.
• Protože ActionBar překrývá obsah, musí mít stránka na svém konci rezervovaný prostor o výšce ActionBaru. Bez něj poslední prvek obsahu (například poslední řádek Table nebo poslední pole formuláře) zůstane trvale schovaný pod lištou a uživatel se k němu nedostane.

Kdy ActionBar použít a kam ho umístit

Respozivita

• SM všechny buttony ve variantě IconOnly.
• LG primární CTA může být text+Icon.
• XL všechny buttony můžou mít stantartní velikosti.