React awesome styled grid
Edit page
Getting StartedUsageTable of propsContainerRowColVisibleHiddenScreenClassUtilitiesPlaygroundCustom configuration

Table of Props

Container

proptypedescription
fluidbooleanmakes container full-width
debugbooleanenables debug
childrennodecontent

Row

proptypedescription
justifystring or objectalign the content horizontally
alignstring or objectalign the content vertically
reversenumber or arrayreverses the direction of the row
debugbooleanenables debug
childrennodecontent

Col

proptypedescription
xsnumber or stringsets the number of columns on screens xs
smnumber or stringsets the number of columns on screens sm
mdnumber or stringsets the number of columns on screens md
lgnumber or stringsets the number of columns on screens lg
xlnumber or stringsets the number of columns on screens xl
justifystring or objectalign the content vertically
alignstring or objectalign the content horizontally
offsetnumber or objectsets the number of the offset columns
ordernumber or objectsets the order of the columns
reversenumber or arrayreverses the direction of the column
noGutterbooleanremoves the gutter
debugbooleanenables debug
childrennodecontent

Visible

proptypedescription
xsbooleanindicates that past content will only be displayed on the screen xs
smbooleanindicates that past content will only be displayed on the screen sm
mdbooleanindicates that past content will only be displayed on the screen md
lgbooleanindicates that past content will only be displayed on the screen lg
xlbooleanindicates that past content will only be displayed on the screen xl
childrennodecontent

Hidden

proptypedescription
xsbooleanindicates that past content will only be hidden on the screen xs
smbooleanindicates that past content will only be hidden on the screen sm
mdbooleanindicates that past content will only be hidden on the screen md
lgbooleanindicates that past content will only be hidden on the screen lg
xlbooleanindicates that past content will only be hidden on the screen xl
childrennodecontent

ScreenClass

proptypedescription
renderfuncthe function that will be rendered receiving the current screen as a parameter