Grid (Deprecated)

Use the Columns component instead.


Examples


start
string
xs, sm, md, lg, xl
Aligns to the left at specified breakpoint
center
string
xs, sm, md, lg, xl
Aligns to the center at specified breakpoint
end
string
xs, sm, md, lg, xl
Aligns to the Right at specified breakpoint
top
string
xs, sm, md, lg, xl
Aligns to the top at specified breakpoint
middle
string
xs, sm, md, lg, xl
Aligns to the middle at specified breakpoint
bottom
string
xs, sm, md, lg, xl
Aligns to the bottom at specified breakpoint
around
string
xs, sm, md, lg, xl
Sets space around columns at specified breakpoint
between
string
xs, sm, md, lg, xl Sets space between columns at specified breakpoint
children
node
The contents of the Grid

xs
number
Sets the width of the column
sm
number
Sets the width of the column
md
number
Sets the width of the column
lg
number
Sets the width of the column
xl
number
Sets the width of the column
xsOffset
number
Sets the offset of the column
smOffset
number
Sets the offset of the column
mdOffset
number
Sets the offset of the column
lgOffset
number
Sets the offset of the column
xlOffset
number
Sets the offset of the column
children
node
The contents of the column