Prop aliases
What is a "prop alias"?
Prop alias is a prop name shorthand that compiles into a single or multiple CSS properties.
This feature is designed for convenience and development speed. These props can be assigned to any component exposed by the library, including the area components generated from your composition template strings.
Each prop alias is associated with a single, or multiple corresponding CSS properties. See the list of all aliases and the corresponding CSS properties in the tables below.
Grid
Prop name
CSS property
areastemplatetemplateColstemplateRowsgapgapColgapRowcolcolStartcolEndrowrowStartrowEndautoRowsautoColsautoFlowAlignment
Prop name
CSS property
orderflexDirectionflexShrinkflexGrowflexWrapalignalignItemsalignContentjustifyjustifyItemsjustifyContentplaceplaceplaceItemsplaceContentDimensions
Prop name
CSS property
minHeightmin-heightmaxHeightmax-heightheightheightminWidthmin-widthmaxWidthmax-widthwidthwidthSpacing
Prop name
CSS property
marginmarginmarginVerticalmargin-top and margin-bottommarginHorizontalmargin-right and margin-leftmarginTopmargin-topmarginRightmargin-rightmarginBottommargin-bottommarginLeftmargin-leftpaddingpaddingpaddingVerticalpadding-top and padding-bottompaddingHorizontalpadding-right and padding-leftpaddingToppadding-toppaddingRightpadding-rightpaddingBottompadding-bottompaddingLeftpadding-leftLast modified 2yr ago
Copy link