Emotion grid
Edit page
Getting StartedAPIUsageUtilitiesTable of propsContainerRowColScreenClassVisibleHidden

Table of Props

Container

proptypedescriptiondefault
fluidbooleanmakes container full-widthfalse
debugbooleanenables debugfalse
childrennodecontentundefined

Row

proptypedescriptiondefault
alignstring or objectalign the content verticallyundefined
justifystring or objectalign the content horizontallyundefined
reversenumber or arrayreverses the content of the rowfalse
noGuttersbooleanremove columns gutterfalse
childrennodecontentundefined

Col

proptypedescriptiondefault
xsnumber or stringsets the number of columns only in the screen xsundefined
smnumber or stringsets the number of columns only in the screen smundefined
mdnumber or stringsets the number of columns only in the screen mdundefined
lgnumber or stringsets the number of columns only in the screen lgundefined
xlnumber or stringsets the number of columns only in the screen xlundefined
offsetnumber or objectsets the number of the offset columnsundefined
childrennodecontentundefined

ScreenClass

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

Visible

proptypedescriptiondefault
xsbooleanshow the content only in the screen xsfalse
smbooleanshow the content only in the screen smfalse
mdbooleanshow the content only in the screen mdfalse
lgbooleanshow the content only in the screen lgfalse
xlbooleanshow the content only in the screen xlfalse
childrennodecontentundefined

Hidden

proptypedescriptiondefault
xsbooleanhiden the content only in the screen xsfalse
smbooleanhiden the content only in the screen smfalse
mdbooleanhiden the content only in the screen mdfalse
lgbooleanhiden the content only in the screen lgfalse
xlbooleanhiden the content only in the screen xlfalse
childrennodecontentundefined