Showing content from https://github.com/SaraVieira/styled-flex-component below:
SaraVieira/styled-flex-component: Flex Element for not writing any more custom flex styles because fuck that
Skip to content Navigation Menu
Search code, repositories, users, issues, pull requests...
Saved searches Use saved searches to filter your results more quickly
Sign up You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert SaraVieira/styled-flex-component
Flex Element for not writing any more custom flex styles because fuck that
yarn add styled-flex-component
or
npm i styled-flex-component
import React from 'react';
import Flex, { FlexItem } from 'styled-flex-component';
export default () => (
<Flex center full>
<FlexItem order="2">World</FlexItem>
<FlexItem order="1">Hello</FlexItem>
</Flex>
);
All props without description are just true or false values and take no arguments
- 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
- row
- rowReverse
- column
- columnReverse
- alignCenter
- alignStart
- alignEnd
- alignBaseline
- alignStretch
- alignCenter
- contentCenter
- contentStart
- contentEnd
- contentBaseline
- contentStretch
- contentAround
- justifyCenter
- justifyStart
- justifyEnd
- justifyBetween
- justifyAround
- justifyEvenly
- 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
MIT
About
Flex Element for not writing any more custom flex styles because fuck that
Resources License Stars Watchers Forks
You can’t perform that action at this time.
RetroSearch is an open source project built by @garambo
| Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4