Page Comparison

Brand (--ads-brand-*) – ONLY THESE PROP TYPES WILL DISPLAY IN THE BRAND SECTION

Color

*-color

Color Picker Widget

Favicon

*-favicon

Image Upload Widget

Font Family

*-fontfamily

Font Configuration Widget

Non-Brand (--ads-*)

Align Content

*-aligncontent

Flex Align Content Menu ['stretch', 'flex-start', 'flex-end', 'center', 'space-between', 'space-around']

Align Items

*-alignitems

Flex Align Items Menu ['stretch', 'flex-start', 'flex-end', 'center', 'baseline']

Aspect Ratio

*-aspectratio

Image aspect ratio text input with the label of “Aspect ratio”

Background Image

*-image or *-backgroundimage

Image Upload Widget

Border Color

*-bordercolor

*-bordercolorp

Color Widget (Color picker / Swatches)

Color Picker toggled for *-bordercolorp

Background Color

*-backgroundcolor

*-backgroundcolorp

Color Widget (Color picker / Swatches)

Color Picker toggled for *-backgroundcolorp

Color (Text Color)

*-color or *-colorp

*-textcolor or *-textcolorp

Color Widget (Color picker / Swatches)

Color Picker toggled for *-colorp or *-textcolorp

Display

*-display

Display Menu ['flex', 'block', 'inline', 'none', 'unset']

Flex Direction

*-flexdirection

Flex Direction Menu ['row', 'row-reverse', 'column', 'column-reverse']

Flex Wrap

*-flexwrap

Flex Wrap Menu ['nowrap', 'wrap', 'wrap-reverse']

Font Family

*-fontfamily

Font Selection Menu

Font Style

*-fontstyle

Font Style Menu ['normal', 'italic', 'oblique', 'initial', 'inherit']

Font Weight

*-fontweight

Font Weight Menu ['400', '700']

Justify Content

*-justifycontent

Flex Justify Content Menu ['flex-start', 'flex-end', 'center', 'space-between', 'space-around']

Position

*-position

Position Menu ['static', 'relative', 'absolute', 'fixed', 'sticky']

Text Align

*-textalign

Text Align Menu ['left', 'center', 'right']

Text Justify

*-textjustify

Text Justify Menu ['auto', 'inter-word', 'none', 'initial', 'inherit']

Text Transform

*-texttransform

Text Transform Style Menu ['capitalize', 'uppercase', 'lowercase', 'none']

Visible

*-visible

Visibility Menu ['visible', 'hidden', 'initial', 'inherit']

Vertical Align

*-verticalalign

Vertical Align Menu ['visible', 'hidden', 'initial', 'inherit']

All Others

*-* (all other types)

Text Input Field