Comments (7)
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.
from react-stonecutter.
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.
from react-stonecutter.
+1
from react-stonecutter.
@newsiberian Wow looks awesome!
from react-stonecutter.
@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?
from react-stonecutter.
Any chance this could get merged?
from react-stonecutter.
I've created a simple example demonstrating @newsiberian 's horizontal layout: https://github.com/wyhinton/react-stonecutter-horizontal-example
from react-stonecutter.
Related Issues (20)
- gutterWidth is necessary for makeResponsive column calculation HOT 2
- Cards collapse all in one piled up deck HOT 4
- Infinte Scroll & Filtering? HOT 1
- React 16 support HOT 2
- Failed to render responsive grid correctly when the width is not 100%. HOT 2
- Pinterest-Like when height unknown HOT 1
- Undefined this.measureElement in measureElementWithImages HOT 1
- IE11 bug HOT 1
- Sorting option for SpringGrid HOT 3
- centered layout? HOT 1
- allow any element HOT 1
- measureItems causes entire tree to be re-rendered
- Server-side rendering HOT 1
- React does not recognize the `itemHeight` prop on a DOM element HOT 2
- Changing columnWidth prop doesn't cause rerender to UI HOT 1
- Randomize/shuffle childred HOT 1
- Rotate , translate, skew,key not working in either of enter , entered and exit props
- How to move elements location?
- Help implementing custom layout HOT 1
- Can't install sass if react-stonecutter is installed
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-stonecutter.