Interior

Interior settings in the right-side panel determine how the child blocks inside the selected block get arranged.

Editing Interior Settings

Interior settings are available for all blocks except Lines.

They can be expanded and retracted using the ➕/— toggle next to "Interior". Settings will still apply when retracted.

https://drive.google.com/file/d/160R9I79_WwOKjxf192UacR8FEmHqCKoU/view?usp=share_linkdrive.google.com

Exploring interior settings.

The Interior Settings

• Arrange—sets child blocks in a Row or Column.

• Wrap—determines if child blocks needing more space will wrap to a new row or column.

• Alignment—aligns child blocks within their row or column.

  • Start—packs them to the start of the row or column.

  • Center—packs them to the center.

  • End—packs them to the end.

  • Space Between—evenly distributes the blocks, flush against the start and end.

  • Space Around—distributes the blocks with equal space around each one.

  • Space Evenly—distributes blocks so that spacing between any two items (and the space to the edges) is equal.

  • Alignment can also be set for the perpendicular axis: Top, Middle, or Bottom for a row, or Left, Center, and Right for a column. Stretch is also available for both, which grows blocks to fill the height of a row or width of a container, while still respecting Min/Max block sizes.

• Gap—the minimum horizontal and vertical space between blocks, which can be written in size units like px or %.

• Overflow—determines how to treat child blocks that run outside the boundaries of the current block.

  • Hidden—clips overflow with no scrolling.

  • Visible—shows overflow.

  • Scroll X—clips overflow with horizontal scrolling.

  • Scroll Y—clips overflow with vertical scrolling.

  • Scroll X/Y—clips overflow with both horizontal and vertical scrolling.

• Scrollbar—if Overflow is a scroll option, scrollbar visibility can be set.

Scrolling can be seen on the canvas by hovering over a scrollable block and using the trackpad or mousewheel.