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

Slots

Name
default
Description

Events

There are no Events.

CSS Variables

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

CSS Parts

There are no CSS Parts.

Methods

There are no Methods.