Add prop for easy centering

[cupcakearmy]

There should be an option for fast, easy centring of children.

// From
<FlexView vAlignContent={'Center'} hAlignContent={'center'} />

// To
<FlexView center />

Alternatively one could have the vAlignContent fields default to center

//From
<FlexView vAlignContent={'Center'} hAlignContent={'center'} />

// To
<FlexView vAlignContent hAlignContent />

Any thought?

[FrancescoCioria]

Hi @cupcakearmy

I don't like that idea much...
We get to write a few characters less at the expense of readability (second option) and complexity of props API (both options).

Personally, I prefer basic components to be as simple as possible: with React you can very easily wrap them and customize the API as you wish.

That is exactly what I'd suggest you to do:

/* FlexView.js */

import FlexView from 'react-flexview';

export default ({ vAlignContent, hAlignContent, ...props }) => (
  <FlexView
    vAlignContent={vAlignContent === true ? 'center' : vAlignContent}
    hAlignContent={hAlignContent === true ? 'center' : hAlignContent}
  />
)

[cupcakearmy]

That is a good suggestion. I'll close the issue. Thanks for the quick feedback 💪