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.
When to use
Use wje-container to compose stable page structure with clear visual and semantic hierarchy.
When not to use
Do not use layout components to handle business logic or application orchestration.
Accessibility
Preserve document semantics (header, main, aside, footer) and logical tab/focus order.
Best Practices
- Define mobile/desktop breakpoints first, then refine visual details.
- Prefer spacing tokens over ad-hoc margin/padding overrides.
- Test keyboard and screen reader behavior for overflow scenarios.
Attributes and Properties
No properties available for this component.
Events
No events available for this component.
Methods
No public methods available for this component.
CSS Shadow Parts
No CSS shadow parts available for this component.
CSS Custom Properties
| Name | Description |
|---|---|
--wje-container-indent | The indentation of the container. |
Slots
| Name | Description |
|---|---|
default | The slot for adding child elements or components. |