Container

The container object controls horizontal rhythm and readable content width.

Default container

Standard centered container with default spacing.

Default container

The default container centers content with standard max width and spacing.

Wide container

Expanded container width while preserving centered layout flow.

Wide container

The wide variant expands the layout area while maintaining centered alignment.

Fullwidth container

Edge-to-edge container that spans the full viewport width.

Fullwidth container

Fullwidth spans the viewport and is useful for edge-to-edge sections.

Parameters (Blade)

Key Default value Type Available values Description
The base class and optional modifiers for container behavior. string o-container | o-container--content | o-container--remove-spacing | o-container--wide | o-container--fullwidth -
string - The DOM id of the component.
[] array - Array containing wrapping classes array
[] array - Array containing keys and values rendered as attributes