Layout

Column

Responsive grid column that translates breakpoint spans into layout geometry.

Playground

Configure the baseline public contract and copy synchronized Vue markup.

Responsive column

Properties

Columns

Vue

<m-container>
  <m-row>
    <m-col
      :cols="2"
    >
      <m-surface
        variant="filled"
        shape="large"
        :style='{&quot;padding&quot;:&quot;24px&quot;}'
      >
        Responsive column
      </m-surface>
    </m-col>
  </m-row>
</m-container>