@o-ui/flex

A flex layout in vue

Usage no npm install needed!

<script type="module">
  import oUiFlex from 'https://cdn.skypack.dev/@o-ui/flex';
</script>

README

flex

A flex layout in vue

examples

row-start with wrap

  <row-start wrap>
    <div class="demo-item"></div>
    <div class="demo-item"></div>
    <div class="demo-item"></div>
    <div class="demo-item"></div>
    <div class="demo-item"></div>
    <div class="demo-item"></div>
  </row-start>

row-start top align + row-unit

  <row-start top>
    <span>pre label</span>
    <row-unit>
      <div>
        <div class="demo-unit"></div>
        <br>
        <div class="demo-unit"></div>
      </div>
    </row-unit>
    <span>after label</span>
  </row-start>

example