Skip to content

📦 a collection of css-in-js flexbox layout components, for React, with https://emotion.sh

Notifications You must be signed in to change notification settings

adamseckel/emotion-box

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

emotion-box 📦

Use react-emotion css-in-js to compose your react app flexbox layouts with higher order components!

I've been copy-pasting some version of this file into every React project I've worked on for the past year... If you're looking for a more fully featured layout library, check out the brilliant https://github.com/jxnblk/styled-system

supports an 🚨 opinionated 🚨 subset of flexbox apis

Install

yarn add emotion-box
import Box, {Row, Column, Props as BoxProps} from 'emotion-box'

Usage

<Row justify="start" align="start"> ... </Row>
<Column> ... </Column>
<Box> ... </Box>

About

📦 a collection of css-in-js flexbox layout components, for React, with https://emotion.sh

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published