GitHub

  • npm install –save hedron
  • To build hedron from the source code, please run the following command inside the hedron directory
  • To install all dependencies, you can use either npm or yarn.
  • First of all, thanks for your interest in contributing to hedron.
  • View a landing page built with Hedron .

hedron – A no-frills flexbox grid system for React, powered by styled-components.

@MicheleBertoli: A no-frills flexbox grid system for #Reactjs, powered by styled-components

View a landing page built with Hedron.

or better yet

View interactive example on webpackbin

import React, { Component } from ‘react’; import { Row, Column, utils } from ‘hedron’; class App extends Component { render() { return (

This is a column that’s centered using the shift props

Fluid Columns

It’s a 12 column layout by default.

But you can change the amount of columns by adding the `divisions` property to a Row.

It’s fully embeddable as well!

); }; }

First of all, thanks for your interest in contributing to hedron. If you’re wanting to make a contribution and not sure what to do, take a look at the issue tracker and look at the tasks labeled with

help wanted

To install all dependencies, you can use either npm or yarn. I personally prefer [and recommend] using yarn.

To build hedron from the source code, please run the following command inside the hedron directory

Before you submit a pull request, you must first make sure that the code base is passing eslint inspections. To do that, please run the following

If all goes well, nothing spectacular should happen. If there are any errors, you’ll get a lot of red output in your terminal and it will list exactly what needs to be fixed.

Hedron is under the MIT License.

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.

GitHub