Dock

Anatomie

1. Validator button: Tlačítko určené pro zobrazení nebo skrytí panelu Validator.
2. Sidebar button: Tlačítko určené pro zobrazení nebo skrytí Sidebaru.
3. Bee button: Tlačítko určené pro zobrazení nebo skrytí komponenty pro hlášení chyb.

Použité komponenty

Stavy

Dock button má stejné stavy jako běžný Button:

1. Base
2. Hover
3. Active
4. Disabled

Velikosti

1. Base: Určený na desktop.
2. Small: Určen pro mobilní zobrazení.

Ikony

Buttony v Dock jsou pevně spojené s funkcí Validatoru a Sidebaru. Ikony nejsou ze strany designéra měnitelné.

Konfigurace

V případě kdy se používá Dock pro např. vyvolání sidebaru a hlášení chyb, je zvolena varianta se dvěma buttony, a v zanořené komponentě Dock_btn jsou vybrány buttony pro požadované funkce.

Notification Badge

• Dock button má možnost zobrazit Notification Badge.
• Může být buď číselná hodnota, nebo base ikona.
• V případě Validatoru číselná hodnota vždy odpovídá počtu chyb zobrazených v panelu Validatoru.

Pozice

Dock je vždy umístěný při pravém okraji a v dolní třetině viewportu. Není možné měnit vertikální pozici Docku.

Kdy použít

• Vždy když je na stránce použitý Validator, je nutný Dock pro jeho zobrazování nebo skrývání.
• Vždy když je na stránce Sidebar, je nutný Dock pro jeho zobrazování nebo skrývání.

Kdy nepoužívat

• Nelze využít pro jinou funkci, než které jsou již v komponentě připravené.