Layout

Column

Responsive grid column that translates breakpoint spans into layout geometry.

Column

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.