1.0.1 • Published 5 years ago
react-flexer v1.0.1
react-flexer
flexbox grid layout like rebass, just faster. Built with @quarkly/elementary
Why would you use Flexer instead of Rebass?
- Flexer is faster than Rebass 🏃🏻
- Flexer fully supports a system of short properties 😱
Usage
$ npm i react-flexer
$ npm i styled-componentsimport React from 'react';
import ReactDom from 'react-dom';
import { Flex, Box } from 'react-flexer';
ReactDom.render(
<Flex w={1/2}>
<Box m={3}>
Box
</Box>
</Flex>,
document.getElementById('root'),
);Props
Layout
Spaces
- padding / p
- paddingTop / pt
- paddingRight / pr
- paddingBottom / pb
- paddingLeft / pl
- paddingX / px
- paddingY / py
- margin / m
- marginTop / mt
- marginRight / mr
- marginBottom / mb
- marginLeft / ml
- marginX / mx
- marginY / my