Container
Container is a key Layout element that is used to wrap the content of a page. It is designed to provide consistent spacing, offsets and alignment of the elements within it to ensure proper display and also to adapt to different devices and screen sizes.
For information on using the Container element, navigate to the [Layout] documentation(./layout).
When to use
Use wje-container to compose a stable page layout with a clear content hierarchy.
When not to use
Do not use it to solve business logic or for stateful orchestration of components.
Accessibility
Preserve the semantics of the document (header, main, aside, footer) and the logical order of focusable elements.
Recommended practices
- Define desktop/mobile breakpoints first and then fine-tune the details.
- Prefer consistent spacing tokens over ad-hoc margin/padding values.
- For layouts with overflow, always test keyboard navigation and readers.
Attributes and properties
Pre tento komponent nie sú dostupné žiadne vlastnosti.
Events
Pre tento komponent nie sú dostupné žiadne udalosti.
Methods
Pre tento komponent nie sú dostupné žiadne verejné metódy.
CSS shadow parts
Pre tento komponent nie sú dostupné žiadne CSS časti tieňa.
CSS custom variables
| Názov | Popis |
|---|---|
--wje-container-indent | Vlastná CSS premenná na štýlovanie komponentu (indent). |
Slots
| Názov | Popis |
|---|---|
default | Predvolený slot pre hlavný obsah komponentu. |