https://github.com/co2-git/reactors-flex
Flex helpers for reactors
https://github.com/co2-git/reactors-flex
Last synced: about 1 year ago
JSON representation
Flex helpers for reactors
- Host: GitHub
- URL: https://github.com/co2-git/reactors-flex
- Owner: co2-git
- Created: 2017-12-29T15:47:50.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-12-29T16:25:14.000Z (over 8 years ago)
- Last Synced: 2025-02-01T16:23:10.777Z (over 1 year ago)
- Language: JavaScript
- Size: 19.5 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
reactors-flex
===
# Install
```bash
npm install --save reactors-flex
// OR
yarn add reactors-flex
```
# Usage
```jsx
import * as Flex from 'reactors-flex';
import {Text} from 'reactors'
I am in a column
I am in a column too
I am in a row
I am in a row too
```
# Components
```jsx
import {Column, Row, Stack} from 'reactors-flex';
// Column and Stack are aliases to each other
```
# Props
All props are optional.
- `flex: number | string`
- `flexAround: true`
- `flexBetween: true`
- `flexCenter: true`
- `flexCenterHorizontal: true` alias `flexCenterY`
- `flexCenterVertical: true` alias `flexCenterX`
- `flexDown: true`
- `flexGrow: true | number`
- `flexReverse: true`
- `flexRight: true`
- `flexStretch: true`
- `flexUp: true`
- `flexWrap: true | false | 'around' | 'between' | 'center' | 'down' | 'stretch' | 'up'`