Grid
See below to learn more about properties, slots, events, style variables, CSS parts, and methods.
Properties
alignContent
'stretch'
'stretch'
align-content
false
alignContentXs
undefined
undefined
align-content-xs
false
alignContentSm
undefined
undefined
align-content-sm
false
alignContentMd
undefined
undefined
align-content-md
false
alignContentLg
undefined
undefined
align-content-lg
false
alignContentXl
undefined
undefined
align-content-xl
false
alignContentXxl
undefined
undefined
align-content-xxl
false
alignItems
'stretch'
'stretch'
align-items
false
alignItemsXs
undefined
undefined
align-items-xs
false
alignItemsSm
undefined
undefined
align-items-sm
false
alignItemsMd
undefined
undefined
align-items-md
false
alignItemsLg
undefined
undefined
align-items-lg
false
alignItemsXl
undefined
undefined
align-items-xl
false
alignItemsXxl
undefined
undefined
align-items-xxl
false
gutter
undefined
undefined
gutter
false
gutterX
undefined
undefined
gutter-x
false
gutterY
undefined
undefined
gutter-y
false
justifyContent
'start'
'start'
justify-content
false
justifyContentXs
undefined
undefined
justify-content-xs
false
justifyContentSm
undefined
undefined
justify-content-sm
false
justifyContentMd
undefined
undefined
justify-content-md
false
justifyContentLg
undefined
undefined
justify-content-lg
false
justifyContentXl
undefined
undefined
justify-content-xl
false
justifyContentXxl
undefined
undefined
justify-content-xxl
false
reverse
boolean
undefined
undefined
reverse
false
vertical
boolean
undefined
undefined
vertical
false
wrap
'on'
'on'
wrap
false
wrapXs
undefined
undefined
wrap-xs
false
wrapSm
undefined
undefined
wrap-sm
false
wrapMd
undefined
undefined
wrap-md
false
wrapLg
undefined
undefined
wrap-lg
false
wrapXl
undefined
undefined
wrap-xl
false
wrapXxl
undefined
undefined
wrap-xxl
false
CSS Variables
--plus-grid--gutter-x
undefined
undefined
--plus-grid--gutter-y
undefined
undefined
Contributors
Drawer Toggler
Grid Item
Select Your Framework
React