componentStyles () {
      return {
        display: 'flex',
        flexDirection: this.direction,
        alignItems: this.align,
        justifyContent: this.justify,
        flexWrap: this.wrap,
        h: this.size,
        w: this.size
      }
    }
CFlex component

`CFlex` is `CBox` with display: flex and comes with helpful style shorthands.

@see Docs https://vue.chakra-ui.com/flex