Layout

Main

Legacy flex content boundary retained for compatibility; use MLayoutMain for grid-based application layout.

Playground

Configure the baseline public contract and copy synchronized Vue markup.

Primary application content

Properties

Vue

<m-main
  :style='{&quot;width&quot;:&quot;100%&quot;}'
>
  <m-surface
    variant="filled"
    shape="large"
    :style='{&quot;minHeight&quot;:&quot;280px&quot;,&quot;padding&quot;:&quot;32px&quot;}'
  >
    Primary application content
  </m-surface>
</m-main>