HGrid

Properties

PropertyDescriptionDefault
Control
Properties
align

Vertical alignment of children. Elements will by default stretch to the height of parent-element.

"start" "center" "end"
-
as

HTML element to render as.

unknown
"div"
bottom

CSS bottom Accepts a spacing token or an object of spacing tokens for different breakpoints.

unknown
-
columns

Number of columns to display. Can be a number, a string with a unit or tokens for spesific breakpoints. Sets grid-template-columns, so fr, minmax etc. works.

unknown
-
flexBasis

CSS flex-basis

unknown
-
flexGrow

CSS flex-grow

unknown
-
flexShrink

CSS flex-shrink

unknown
-
gap

Spacing between columns. Based on spacing-tokens.

unknown
-
gridColumn

CSS grid-column

unknown
-
height

CSS height

unknown
-
inset

CSS inset. Accepts a spacing token or an object of spacing tokens for different breakpoints.

unknown
-
left

CSS left Accepts a spacing token or an object of spacing tokens for different breakpoints.

unknown
-
margin

Margin around element. Accepts a spacing token or an object of spacing tokens for different breakpoints.

unknown
-
marginBlock

Vertical margin around element. Accepts a spacing token or an object of spacing tokens for different breakpoints.

unknown
-
marginInline

Horizontal margin around element. Accepts a spacing token or an object of spacing tokens for different breakpoints.

unknown
-
maxHeight

CSS max-height

unknown
-
maxWidth

CSS max-width

unknown
-
minHeight

CSS min-height

unknown
-
minWidth

CSS min-width

unknown
-
overflow

CSS overflow

unknown
-
overflowX

CSS overflow-x

unknown
-
overflowY

CSS overflow-y

unknown
-
padding

Padding around children. Accepts a spacing token or an object of spacing tokens for different breakpoints.

unknown
-
paddingBlock

Vertical padding around children. Accepts a spacing token or an object of spacing tokens for different breakpoints.

unknown
-
paddingInline

Horizontal padding around children. Accepts a spacing token or an object of spacing tokens for different breakpoints.

unknown
-
position

CSS position

unknown
-
right

CSS right Accepts a spacing token or an object of spacing tokens for different breakpoints.

unknown
-
top

CSS top Accepts a spacing token or an object of spacing tokens for different breakpoints.

unknown
-
width

CSS width

unknown
-
Snippets
children

Content

 -