Grid

See below to learn more about properties, slots, events, style variables, CSS parts, and methods.

There is no difference between the APIs of the elements, And the only difference is in the names of the events

Properties

Name
alignContent
TypeDefault
'stretch'
Default
'stretch'
Attribute
align-content
Reflect
false
Description
Name
alignContentXs
TypeDefault
undefined
Default
undefined
Attribute
align-content-xs
Reflect
false
Description
Name
alignContentSm
TypeDefault
undefined
Default
undefined
Attribute
align-content-sm
Reflect
false
Description
Name
alignContentMd
TypeDefault
undefined
Default
undefined
Attribute
align-content-md
Reflect
false
Description
Name
alignContentLg
TypeDefault
undefined
Default
undefined
Attribute
align-content-lg
Reflect
false
Description
Name
alignContentXl
TypeDefault
undefined
Default
undefined
Attribute
align-content-xl
Reflect
false
Description
Name
alignContentXxl
TypeDefault
undefined
Default
undefined
Attribute
align-content-xxl
Reflect
false
Description
Name
alignItems
TypeDefault
'stretch'
Default
'stretch'
Attribute
align-items
Reflect
false
Description
Name
alignItemsXs
TypeDefault
undefined
Default
undefined
Attribute
align-items-xs
Reflect
false
Description
Name
alignItemsSm
TypeDefault
undefined
Default
undefined
Attribute
align-items-sm
Reflect
false
Description
Name
alignItemsMd
TypeDefault
undefined
Default
undefined
Attribute
align-items-md
Reflect
false
Description
Name
alignItemsLg
TypeDefault
undefined
Default
undefined
Attribute
align-items-lg
Reflect
false
Description
Name
alignItemsXl
TypeDefault
undefined
Default
undefined
Attribute
align-items-xl
Reflect
false
Description
Name
alignItemsXxl
TypeDefault
undefined
Default
undefined
Attribute
align-items-xxl
Reflect
false
Description
Name
gutter
TypeDefault
undefined
Default
undefined
Attribute
gutter
Reflect
false
Description
Name
gutterX
TypeDefault
undefined
Default
undefined
Attribute
gutter-x
Reflect
false
Description
Name
gutterY
TypeDefault
undefined
Default
undefined
Attribute
gutter-y
Reflect
false
Description
Name
justifyContent
TypeDefault
'start'
Default
'start'
Attribute
justify-content
Reflect
false
Description
Name
justifyContentXs
TypeDefault
undefined
Default
undefined
Attribute
justify-content-xs
Reflect
false
Description
Name
justifyContentSm
TypeDefault
undefined
Default
undefined
Attribute
justify-content-sm
Reflect
false
Description
Name
justifyContentMd
TypeDefault
undefined
Default
undefined
Attribute
justify-content-md
Reflect
false
Description
Name
justifyContentLg
TypeDefault
undefined
Default
undefined
Attribute
justify-content-lg
Reflect
false
Description
Name
justifyContentXl
TypeDefault
undefined
Default
undefined
Attribute
justify-content-xl
Reflect
false
Description
Name
justifyContentXxl
TypeDefault
undefined
Default
undefined
Attribute
justify-content-xxl
Reflect
false
Description
Name
reverse
Type
boolean
Default
undefined
Default
undefined
Attribute
reverse
Reflect
false
Description
Name
vertical
Type
boolean
Default
undefined
Default
undefined
Attribute
vertical
Reflect
false
Description
Name
wrap
TypeDefault
'on'
Default
'on'
Attribute
wrap
Reflect
false
Description
Name
wrapXs
TypeDefault
undefined
Default
undefined
Attribute
wrap-xs
Reflect
false
Description
Name
wrapSm
TypeDefault
undefined
Default
undefined
Attribute
wrap-sm
Reflect
false
Description
Name
wrapMd
TypeDefault
undefined
Default
undefined
Attribute
wrap-md
Reflect
false
Description
Name
wrapLg
TypeDefault
undefined
Default
undefined
Attribute
wrap-lg
Reflect
false
Description
Name
wrapXl
TypeDefault
undefined
Default
undefined
Attribute
wrap-xl
Reflect
false
Description
Name
wrapXxl
TypeDefault
undefined
Default
undefined
Attribute
wrap-xxl
Reflect
false
Description

Slots

Name
default
Description

Events

There are no Events.

CSS Variables

Name
--plus-grid--gutter-x
Default
0
Default
0
Description
Name
--plus-grid--gutter-y
Default
0
Default
0
Description

CSS Parts

There are no CSS Parts.

Methods

There are no Methods.