Skip to main content


Applicable only on auto-layout frames, ignored otherwise. Determines how the auto-layout frame’s children should be aligned in the counter axis direction.


counterAxisAlignItems: 'MIN' | 'MAX' | 'CENTER' | 'BASELINE'


Changing this property will cause all the children to update their x and y values.

  • In horizontal auto-layout frames, “MIN” and “MAX” correspond to top and bottom respectively.
  • In vertical auto-layout frames, “MIN” and “MAX” correspond to left and right respectively.
  • "BASELINE" can only be set on horizontal auto-layout frames, and aligns all children along the text baseline.

The corresponding property for the primary axis direction is primaryAxisAlignItems.

On this page