Optional alignThe align-content property sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis.
Optional alignThe align-items property controls the alignment of items on the Cross Axis.
Optional alignThe align-self property has the same options and effect as align items but instead of affecting the children within a container, you can apply this property to a single child to change its alignment within its parent
Optional aspectThe aspect-ratio property locks the element's width / height ratio.
Optional borderOptional borderOptional borderOptional boxThe box-sizing property defines whether width/height include padding and border
'border-box'
Optional columnThe column-gap property sets the spacing between the columns of a flex container. Takes precedence over gap on its axis.
Optional directionThe direction property specifies the layout direction of the element
'inherit'
Optional displayThe display property controls if a item is going to be displayed or not.
Optional flexThe flex shorthand property sets how a flex item will grow or shrink to fit the space available in its flex container. It sets flex-grow, flex-shrink and flex-basis following Yoga semantics.
Optional flexThe flex-basis property sets the initial main size of a flex item. It sets the size of the content box.
Optional flexThe flex-direction property sets how flex items are placed in the flex container defining the main axis and the direction (normal or reversed).
Optional flexThe flex-grow property sets the flex grow factor of a flex item's main size.
Optional flexThe flex-shrink property sets the flex shrink factor of a flex item. If the size of all flex items is larger than the flex container, items shrink to fit according to flex-shrink.
Optional flexThe flex-wrap property sets whether flex items are forced onto one line or can wrap onto multiple lines. If wrapping is allowed, it sets the direction that lines are stacked
Optional gapThe gap shorthand sets the spacing between rows and columns of a flex container. One value applies to both axes; two space-separated values apply to row then column.
Optional heightThe height property specifies the height of an element. Using 'auto' as value makes it adapt to its content.
Optional justifyJustify content describes how to align children within the main axis of their container.
Optional marginThe margin shorthand property sets the margin area on all four sides of an element.
Optional maxThe max-height property sets the maximum height of an element
Optional maxThe max-width property sets the maximum width of an element.
Optional minThe min-height CSS property sets the minimum height of an element.
Optional minThe min-width property sets the minimum width of an element.
Optional opacityThe opacity property sets the opacity level for an element, it's accumulated across children
1
Optional overflowThe overflow property controls what happens to content that is too big to fit into an area
Optional paddingThe padding shorthand property sets the padding area on all four sides of an element at once.
Optional pointerThe pointer filter property determines if the ui element blocks the pointer or not (elements with pointer events always block the pointer regardless of this property) *
Optional positionThe position property sets how an element is positioned in a document. The top, right, bottom, and left properties determine the final location of positioned elements.
Optional positionThe position type of an element defines how it is positioned within its parent.
Optional rowThe row-gap property sets the spacing between the rows of a flex container. Takes precedence over gap on its axis.
Optional widthThe width property specifies the width of an element. Using 'auto' as value makes it adapt to its content.
Optional zdefault 0
Layout props to position things in the canvas