Container

A responsive vertical container that keeps its content within the available width.

Design examples

A contained introduction

Example Code

The container holds a short reading measure as the viewport changes.

Try it

A responsive container

Example Code

The container follows the available width and stacks its content.

Behaviour

The container stacks its default-slot content. At viewport widths above 820px it is centred with a maximum width of 1000px; on smaller viewports it follows the available width. Its children are constrained to the container’s width.

API

The component has a default slot and no public attributes. There is no size or fluid attribute.

Layout · List