use-pulled-grid
A React hook provides responsive CSS Grid container
- Calculate CSS properties for grid container to fit the current window width
- Get easier to use animated-css-grid
Live demo
See in CodeSandbox
Usage
Inline style
import React from 'react' import usePulledGrid from 'use-pulled-grid' const ProductCardList = products const styles = return <div => products
styled-components
import React from 'react'import styled from 'styled-components' import usePulledGrid from 'use-pulled-grid' const ProductCardList = products const styles = const Container = React const ItemWrapper = React return <Container> products
Changelog
v1.1.0
- Cleanup codes
- Make test coverage 100%
License
MIT