Aside

shadow

Aside je prvok na tvorbu layoutov a zobrazuje sa vedľa elementu Main. Používa sa väčšinou na zobrazenie doplnkových informácií k hlavnému obsahu, prípadne navigácie.

Príklady použitia

note

Pre informácie o použítí Aside elementu sa presuňte do dokumentácie Layoutu.

Kedy použiť

Použite wje-aside 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-aside-width	Vlastná CSS premenná, ktorá riadi width.
--wje-aside-top	Vlastná CSS premenná na štýlovanie komponentu (top).
--wje-aside-border-color	Vlastná CSS premenná, ktorá riadi border color.
--wje-aside-border-width	Vlastná CSS premenná, ktorá riadi border width.
--wje-aside-border-style	Vlastná CSS premenná na štýlovanie komponentu (border style).

Sloty

Názov	Popis
default	Predvolený slot pre hlavný obsah komponentu.