Position properties determine how a component is placed on the Layout in relation to its surrounding elements and the overall document flow. These properties allow you to move components away from the default stacking behavior and place them precisely using top, right, bottom, and left coordinates.

Relative

Relative is the default positioning behavior.

• A component is positioned according to the normal flow of the layout, and then offset relative to that position based on the values of top, right, bottom, and left.
• The offset does not affect the position of any sibling or parent elements; the space the component originally occupied remains reserved.

Absolute

When position Absolute is set, the component is completely removed from the normal flow of the layout.

• Space is no longer set aside for the element within the layout, allowing other elements to move into its place.
• The element will be positioned according to its parent container. The final position is determined by the top, right, bottom, and left values.

Z-Index

The Z-Index property gives you the ability to customize how components appear when they are stacked on top of each other along the depth axis (the "Z-axis").

• By default, components that are defined later in a Layout’s structure (further down in the component list) take precedence and will appear on top.
• Changing a component’s Z-Index (to a higher number) can make a component that appears lower in the structure appear on top instead, controlling the visual layer order.