Styled Flex Component

 

Flex Element for not writing any more custom flex styles because fuck that

Install

``
yarn add styled-flex-component
or
npm i styled-flex-component
`

Usage

`jsx
import React from 'react';
import Flex, { FlexItem } from 'styled-flex-component';

export default () => (

World
Hello

);
``

Props

All props without description are just true or false values and take no arguments

$3

#### General

* full -> Sets width, height and flex basis to 100%
* inline -> Sets the item to inline-flex
* center -> Sets justify-content and align-items to center

#### Direction

* row
* rowReverse
* column
* columnReverse

#### Wrap

* wrap
* wrapReverse

#### Align Items

* alignCenter
* alignStart
* alignEnd
* alignBaseline
* alignStretch
* alignCenter

#### Align Content

* contentCenter
* contentStart
* contentEnd
* contentBaseline
* contentStretch
* contentAround

#### Justify Content

* justifyCenter
* justifyStart
* justifyEnd
* justifyBetween
* justifyAround
* justifyEvenly

$3

* Order -> Takes a number to se the order of that item
* basis -> Takes a number to se the flex-basis of that item
* grow
* shrink
* noShrink

License

MIT