Building in Replo

Layouts

Every component in Replo sits inside of a container, and every component can be aligned to the one side or the other of the container.

Whether the component can be aligned up/down or left/right depends on the direction of the container - in vertical containers, components can be aligned left/right, and in horizontal containers, they can be aligned up/down. These alignments can be changed by using the "Start", "Center", and "End" alignment toggles.

You can also stretch components to fill the full width/height of their containers using the "Stretch" toggle.

Direction

Direction describes the way the layout container will flow. They are exactly equivalent to flex-direction if you are familiar with CSS.

Previous
Editing Components