oa/documentation/flex/v-flex-base-documentation.md

VFlex

Vuero come with VFlex and VFlexItem which are utility components to compose CSS flexbox layout with ease. The component VFlex will represent the flex container and can contains anything in its slot. The component VFlexItem allow to have finest control how the item is positioned inside the VFlex parent.

You can find a complete guide on css-tricks.com

<template>
  <VFlex>
    <!-- use any components inside --->
    <VCard />

    <!-- use VFlexItem to have more control --->
    <VFlexItem>
      <VAvatar initials="J." />
    </VFlexItem>
  </VFlex>
</template>