Primer React Prototype

Grid

Alpha
import { Grid } from 'primer-react-prototype'

Box with display: grid

Box 1
Box 2

API Reference

Grid

Prop
as
Color
color
backgroundColor
opacity
bg
Space
margin
marginTop
marginRight
marginBottom
marginLeft
marginX
marginY
m
mt
mr
mb
ml
mx
my
padding
paddingTop
paddingRight
paddingBottom
paddingLeft
paddingX
paddingY
p
pt
pr
pb
pl
px
py
Flexbox
alignItems
alignContent
justifyItems
justifyContent
flexWrap
flexDirection
flex
flexGrow
flexShrink
flexBasis
justifySelf
alignSelf
order
Grid
gridGap
gridColumnGap
gridRowGap
gridColumn
gridRow
gridAutoFlow
gridAutoColumns
gridAutoRows
gridTemplateColumns
gridTemplateRows
gridTemplateAreas
gridArea
Layout
width
height
minWidth
minHeight
maxWidth
maxHeight
display
verticalAlign
Position
position
zIndex
top
right
bottom
left
Border
border
borderWidth
borderStyle
borderColor
borderRadius
borderTop
borderTopLeftRadius
borderTopRightRadius
borderRight
borderBottom
borderBottomLeftRadius
borderBottomRightRadius
borderLeft
borderX
borderY
borderTopWidth
borderTopColor
borderTopStyle
borderBottomWidth
borderBottomColor
borderBottomStyle
borderLeftWidth
borderLeftColor
borderLeftStyle
borderRightWidth
borderRightColor
borderRightStyle