Example

flex
div 1
div 2
flex align-center
div 1
div 2
flex
div 1
flex-1
div 2
flex
flex-1
flex-1
flex space-between
div 1
div 2
flex space-around
div 1
div 2
flex justify-end
div 1
div 2
flex justify-center
div 1
div 2
flex direction-column
div 1
div 2
flex direction-column
div 1
div 2
flex direction-column align-start
div 1
div 2
flex direction-column align-end
div 1
div 2

How to use it ?

  <template>
  <MazFlex />
</template>

<script>
  import { MazFlex } from 'maz-ui'
  export default {
    components: { MazFlex }
  }
</script>