Layout

Spacer

Flexible layout item that distributes remaining space between siblings.

Playground

Configure the baseline public contract and copy synchronized Vue markup.

Start

End

Properties

Vue

<m-surface
  variant="filled"
  shape="large"
  :style='{&quot;width&quot;:&quot;100%&quot;,&quot;display&quot;:&quot;flex&quot;,&quot;alignItems&quot;:&quot;center&quot;,&quot;padding&quot;:&quot;24px&quot;}'
>
  <m-chip>
    Start
  </m-chip>
  <m-spacer />
  <m-chip>
    End
  </m-chip>
</m-surface>