Skip to main content

Layout

shadow

WebJET Elements umožňuje si jednoducho zostaviť rozvrhnutie stránok pomocou 5 základných elementov: Container, Header, Main, Aside a Footer. V prípade komplexnejších rozvrhnutí WebJET Elements ponúka tiež systém Grid.

Príklady použitia​

Kedy použiť​

Použite wje-layout na skladanie stabilného rozloženia stránky s jasnou hierarchiou obsahu.

Kedy nepoužiť​

Nepoužívajte ho na riešenie biznis logiky ani na stavovú orchestráciu komponentov.

Prístupnosť​

Zachovajte semantiku dokumentu (header, main, aside, footer) a logické poradie fokusovateľných prvkov.

Odporúčané postupy​

  • Najprv definujte desktop/mobile breakpoints a až potom dolaďujte detaily.
  • Preferujte konzistentné spacing tokeny pred ad-hoc margin/padding hodnotami.
  • Pri layoutoch s overflow vždy otestujte klávesnicovú navigáciu a čítačky.

Atribúty a vlastnosti​

Pre tento komponent nie sú dostupné žiadne vlastnosti.

Udalosti​

Pre tento komponent nie sú dostupné žiadne udalosti.

Metódy​

Pre tento komponent nie sú dostupné žiadne verejné metódy.

CSS tieňové časti​

Pre tento komponent nie sú dostupné žiadne CSS časti tieňa.

CSS vlastné premenné​

Pre tento komponent nie sú dostupné žiadne vlastné CSS vlastnosti.

Sloty​

Pre tento komponent nie sú dostupné žiadne sloty.

Content