Container

<sw-container>

ready
Provides a container element which is divided in multiple sections with the use of CSS grid.

Usage

Loading...
<sw-container columns="1fr 1fr">
    <div>Left content</div>
    <div>Right content</div>
</sw-container>

Component properties

Property name Type Default
columns String
rows String
gap String
justify String stretch
align String stretch
breakpoints Object

Methods

Method name Parameters
createdComponent No parameters
registerResizeListener No parameters
updateCssGrid No parameters
buildCssGrid No parameters
cssGridDefaults No parameters
buildCssGridProps currentBreakpoint

Imports

  • ./sw-container.html.twig
  • ./sw-container.scss

Twig blocks

  • sw_container_slot_default
  • sw_container

Slots

  • default