Feature Request: Varied column widths.

[phil3903]

Not sure if there's already support for this, but it'd be fantastic if it were possible.

[dantrain]

This would be very cool, it's not explicitly supported right now. The best approach at the moment would be to supply a new layout function that decides which column to lay out each item in based on the item's props. So you could place wider items in a wider column.

The makeResponsive higher-order component assumes a fixed column width to set its breakpoints so something else would be needed here.

[bento-n-box]

+1

[newsiberian]

Hello. @dantrain, thank you for such a great project. I added new layout. This is not exactly what were asked, but it is close. This enough for my use case. Layout uses the column width and ratio x1, x2, x3.

[dantrain]

@newsiberian Wow looks awesome!

[Hazantip]

@newsiberian Looks amazing! but how to use it ? I understand that i need to download from your branch, make layout attr as layout={layout.horizontal}, but how i can get different width of elements? Can you show code sample?

[wyhinton]

Any chance this could get merged?

[wyhinton]

I've created a simple example demonstrating @newsiberian 's horizontal layout: https://github.com/wyhinton/react-stonecutter-horizontal-example