https://github.com/adamseckel/emotion-box

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

css-js emotion flexbox hoc layout react styling

Last synced: about 2 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/adamseckel/emotion-box
• Owner: adamseckel
• Created: 2018-04-23T18:14:56.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T08:48:15.000Z (almost 2 years ago)
• Last Synced: 2024-10-03T11:19:20.301Z (3 months ago)
• Topics: css-js, emotion, flexbox, hoc, layout, react, styling
• Language: TypeScript
• Homepage:
• Size: 122 KB
• Stars: 7
• Watchers: 2
• Forks: 3
• Open Issues: 5
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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

```

 ... 

 ... 

 ... 

```