https://github.com/sharongrossman/mui-flex-layout

A simple reuseable solution to using material-ui with flex alignments :muscle:
https://github.com/sharongrossman/mui-flex-layout

abstraction components flexbox material-ui react

Last synced: 8 days ago
JSON representation

A simple reuseable solution to using material-ui with flex alignments :muscle:

• Host: GitHub
• URL: https://github.com/sharongrossman/mui-flex-layout
• Owner: SharonGrossman
• License: mit
• Created: 2019-08-30T20:34:15.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2020-06-02T18:16:33.000Z (over 4 years ago)
• Last Synced: 2024-11-11T15:52:03.039Z (9 days ago)
• Topics: abstraction, components, flexbox, material-ui, react
• Language: JavaScript
• Homepage:
• Size: 2.21 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# mui-flex-layout :muscle:

![BuildStatus](https://travis-ci.org/SharonGrossman/mui-flex-layout.svg?branch=master) [![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier) [![Greenkeeper badge](https://badges.greenkeeper.io/SharonGrossman/mui-flex-layout.svg)](https://greenkeeper.io/)

## Install

```

yarn add --dev mui-flex-layout

```

## Description

A simple reuseable solution to using material-ui  with flex alignments

## Usage

### Layout

A full width & height container with flex-direction alignment up to your choosing.

```

import Layout from 'mui-flex-layout';

...

    

    

    

```

### Row

A flex row container

```

import { Row } from 'mui-flex-layout';

...

    

    

    

```

### Column

A flex column container

```

import { Column } from 'mui-flex-layout';

...

    

    

    

```

### Padded

A Box with p={1} as a default

```

import { Padded } from 'mui-flex-layout';

...