Layout

Container

Responsive content boundary that owns grid columns, width, and gutters.

Container

Start with the public contract

Change only the properties that express real interface state.

01

Use controlled state

Bind v-model to one source of truth and handle the result next to the component.

02

Preserve composition

The parent layout owns size and placement; the component owns its states and semantics.