Container
Container je kľúčový prvok Layoutu, ktorý sa používa na obalenie obsahu stránky. Je navrhnutý tak, aby poskytoval konzistentné rozstupy, odsadenia a zarovnania elementov, ktoré sa v ňom nachádzajú, a zabezpečoval tak správne zobrazenie a tiež prispôsobenie sa rôznym zariadeniam a veľkostiam obrazovky.
Pre informácie o použití Container elementu sa presuňte do dokumentácie Layoutu.
Kedy použiť
Použite wje-container 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é
| Názov | Popis |
|---|---|
--wje-container-indent | Vlastná CSS premenná na štýlovanie komponentu (indent). |
Sloty
| Názov | Popis |
|---|---|
default | Predvolený slot pre hlavný obsah komponentu. |