Skip to main content

Container

Container | Key element for creating layouts shadow

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.

Attributes and Properties

indent

DescriptionIf true, the element will be indented to the left on screens larger than 768px.
Attributeindent
Typeboolean
Defaultfalse

vertical

DescriptionIf true, the element gets flex-direction: "column"
Attributevertical
Typeboolean
Defaultfalse

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

NameDescription
--wj-container-indentOffset element from the left ( only on screens larger than 768px)

Slots

No slots available for this component.