jxnblk / react-css-grid Goto Github PK
View Code? Open in Web Editor NEWReact layout component based on CSS Grid Layout and built with styled-components
Home Page: http://jxnblk.com/react-css-grid
License: MIT License
React layout component based on CSS Grid Layout and built with styled-components
Home Page: http://jxnblk.com/react-css-grid
License: MIT License
Almost only reason why developers are not able to adapt to CSS grid is, Because IE.
Is it good idea to solve this by adding some IE fallback JavaScript to React Components ?
We have grid props in styled-system
, wouldn't it be better to use them here as well?
Not exactly an issue but just putting this declaration here if anyone needs it
declare module 'react-css-grid' {
interface GridProps {
width: string | number = 320;
gap: string | number = 32;
children: (JSX.Element | JSX.Element[])[];
}
const Grid: (props: GridProps) => JSX.Element;
export default Grid;
}
I tried adding this to my next.js
project. It works fine client side but server side I get the following error.
styleSheet.getName is not a function
TypeError: styleSheet.getName is not a function
at ComponentStyle.generateAndInjectStyles (my-project/node_modules/react-css-grid/node_modules/styled-components/lib/models/ComponentStyle.js:95:37)
Hopefully this problem would go away after #5 is resolved, because I'm going to try styled-system
next.
Hello, I would like to use css grids in a new project but Im also interested in using the native aspect of react. For the front end Im using react-native-web and would like to know if this package plays well with that suite.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.