Vuance UI Kit

Layout

Container

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

Container

Playground

Configure the baseline public contract and copy synchronized Vue markup.

Interactive preview

Changes are reflected in the example and source.

Container content

Properties

Fluid

Columns

Display

Vue

<m-container
  :fluid="false"
  :cols="4"
  display="grid"
>
  <m-surface
    variant="filled"
    shape="large"
    :style='{&quot;padding&quot;:&quot;24px&quot;}'
  >
    Container content
  </m-surface>
</m-container>