Grid Styled Component
Styled component for the <div>
HTML tag, using grid properties
Installation
$ npm i @professorragna/grid
Usage
import { Grid } from '@professorragna/grid';
<Grid
gridTemplateColumns="1fr 1fr"
>
<div>This is the first grid item</div>
<div>This is the second grid item</div>
</Grid>
The <Grid>
styled component supports the following categories of styled props:
- background
- border
- color
- grid
- layout
- position
- shadow
- space
- typography
For more information on how to use styled props, see the styled-system docs
Additional Packages
Are you looking for additional styled components for other HTML tags? Feel free to check out the root project here for other packages that are available!